Create-a-simple-banking-QR-code/index.html at main · vinkay215/Create-a-simple-banking-QR-code · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!--Website được thiết kế bởi Nguyễn-Quốc-Vinh.
//  _   _                                  ____                        _   _ _       _
// | \ | |                                /    \                      | | | (_)     | |
// |  \| | __   _   _ _   _  ___ _ __    '  __  '         ___   ___   | | | |_ _ __ | |___
// | . ` |/ _` | | | | | | |/ _ \ '_ \   | |__| | | | | |/ _ \ /  _\  | | | | | '_ \|  _  \
// | |\  | (_| | |_| | |_| |  __/ | | |  .    \ \ | |_| | (_) |  (_   \ \_/ / | | | | | | |
// \_| \_/\__, |\__,_|\__, |\___|_| |_|   \___/\_\ \__,_|\___/ \___/   \___/|_|_| |_|_| |_/
//         __/ |       __/ |
//        |___/       |___/           VINKAY
// https://nguyenquocvinh.glitch.me
// https://github.com/vinkay215
-->
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hiển Thị Ảnh QR</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        img {
            max-width: 300px;
            height: auto;
        }
    </style>
</head>
<body>
    <h1>Ảnh QR</h1>
    <img id="qrImage" src="" alt="QR Code">

    <script>
        // Thay đổi các thông số sau đây theo yêu cầu của bạn
        const BANK_ID = "970422"; // ID ngân hàng
        const ACCOUNT_NO = "98888888899"; // Số tài khoản
        const AMOUNT = "5000000"; // Số tiền
        const DESCRIPTION = "Donate"; // Mô tả
        const ACCOUNT_NAME = "NGUYENQUOCVINH"; // Tên tài khoản

        // Tạo URL cho ảnh QR
        const qrImageUrl = `https://img.vietqr.io/image/${BANK_ID}-${ACCOUNT_NO}-qr_only.png?amount=${AMOUNT}&addInfo=${DESCRIPTION}&accountName=${ACCOUNT_NAME}`;

        // Gán URL cho thẻ img
        document.getElementById("qrImage").src = qrImageUrl;
        </script>
</body>
</html>