<label>請輸入你的幸運數字：
        <input id="number" type="text">
    </label>
    <button id="button">確認填寫</button>

    <div>您的幸運數字是：
        <span id="reconfirm">XXX</span>
    </div>

    <script type="text/javascript">
        (function() {

            /* Ⅰ利用"addeventlistener" 給按鈕button綁定一個點擊事件 */
            // 先將函數功能封裝
            function change() {
                // 獲取aqi-input輸入的值
                var text = document.getElementById(‘number‘).value;
                //將值互換
                document.getElementById(‘reconfirm‘).innerHTML = text;
            }
            document.getElementById(‘button‘).addEventListener(‘click‘, change, false);


            /*Ⅱ在腳本中進行事件綁定*/
            /* document.getElementById(‘button‘).onclick = function change() {
                // 獲取aqi-input輸入的值
                var text = document.getElementById(‘number‘).value;
                //將值互換
                document.getElementById(‘reconfirm‘).innerHTML = text;
            }; */

        })();
    </script>

再次確認輸入值、事件綁定實例