再次确认输入值、事件绑定实例

<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>