index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Jquery -->
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <!-- css -->
    <link rel="stylesheet" href="style.css">
    <!-- js -->
    <script src="Mao.js"></script>
    <script src="function.js"></script>
    <title>振興五倍加碼券速查</title>


</head>

<body>
    <div class="card">
        <h1>振興五倍加碼券速查</h1>
        <small>ver 1.0.4</small>
        <small>更新第四周 地方創生券 </small>
        <div class="content">
            <div class="input-box">
                <input type="email" placeholder="請填寫身分證 或 末3碼" id="code" autocomplete=”off” value="" id="input">
                <button onclick="query()">查詢</button>
            </div>

            <div class="type">
                <span>五倍券登記類型 : </span>
                <div class="item-radio">
                    <input type="radio" value="" name="type" checked="checked">
                    <span>不限</span>
                </div>
                <div class="item-radio">
                    <input type="radio" value="1" name="type">
                    <span>數位</span>
                </div>
                <div class="item-radio">
                    <input type="radio" value="0" name="type">
                    <span>紙本</span>
                </div>
            </div>

        </div>

        <hr class="line">
        <h1 id="result-title">查詢結果</h1>
        <div class="result"></div>
    </div>


</body>

</html>