ES6当点击按钮时弹出一个对话框

经典案例

<body>
    <input type="button" value="按钮1">
    <input type="button" value="按钮2">
    <input type="button" value="按钮3">

    <script>
        //循环完毕,赋予全局一个i=3
        //需求:当点击按钮时,显示自己的value值
        let btns = document.querySelectorAll('input')
        console.log(btns)

        // for (var i = 0; i < btns.length; i++) {
     
        //     //通过贴标签找到相应位置的按钮
        //     btns[i].idx = i;
        //     btns[i].onclick = function () {
     
        //         var a = this.idx;//找到自己独有的标签
        //         alert(btns[a].value)
        //     }
        // }

        for (let i = 0; i < btns.length; i++) {
     
            const btn = btns[i];
            btn.onclick = function () {
     
                alert(this.value)
            }
        }
    </script>
</body>

你可能感兴趣的:(button,for,js,javascript,html,前端,es6)