Javascript第四天

最新推荐文章于 2024-02-07 01:30:00 发布

对饮江南雨

最新推荐文章于 2024-02-07 01:30:00 发布

阅读量57

点赞数

本文链接：https://blog.csdn.net/fiaank/article/details/110573081

版权

在页面上有五个按钮，要求点击可以实现A~D。
在这里插入图片描述 HTML样式

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
</head>

<body>

    <input type="button" value="A">
    <input type="button" value="A">
    <input type="button" value="A">
    <input type="button" value="A">
    <input type="button" value="A">
    </body>

</html>

要实现这个要用到for循环，数组，if循环，循环的嵌套

先找到input标签

var inp = document.getElementsByTagName('input');

设置一个数组

 var obj = ["A","B" , "C", "D"];

设置for循环

for (var i = 0; i < inp.length; i++) {
}

在for循环里面设置点击事件并设置一个n事件等于0，用n来代替数组里面的索引，输出。

for (var i = 0; i < inp.length; i++) {
            var n = 0;
            inp[i].onclick = function(){
                n++;
                if(n>obj.length-2){
                 n=0
                }
                this.value = obj[n];
            }
            
        }

对饮江南雨

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript第四天

在页面上有五个按钮，要求点击可以实现A~D。HTML样式<!doctype html><html><head> <meta charset="utf-8"> <title>无标题文档</title></head><body> <input type="button" value="A"> <input type="button" value="A
复制链接

扫一扫