单击以在每个文本中显示随机数

click to show the random number in each text

本文关键字：显示 随机数 文本 单击      更新时间：2023-09-26

我想要一个使用javascript的小www。！【网站界面】【1】

我想当点击按钮时，它会在每个文本框中显示7个随机数字。这是代码：

<!DOCTYPE html>
<html>
<head>
<script language ="JavaScript">
     function random_number()
    { 
	 var i;
	 var a=[];
	 for(i=0;i<8;i++){
	 a +=Math.floor((Math.random()*39)+1);}
	 document.getElementByClassName("data").value=a;
	 
    } 
</script>
</head>
<body>
<h1>Random Number </h1>
<p>
Scol:
<input type="text" class="data" size="3" />
<input type="text" class="data" size="3" />
<input type="text" class="data" size="3" />
<input type="text" class="data" size="3" />
<input type="text" class="data" size="3" />
<input type="text" class="data" size="3" />
<input type="text" class="data" size="3" />
<input type="button" value="Random" onClick="random_number()" />
</p>
</body>
</html>
但当我点击按钮时，什么也没有出现，有人能告诉我为什么吗？谢谢

我会通过getElementsByTagName 来完成

演示http://jsfiddle.net/9qt73kp1/

function random_number() {
    var inputs = document.getElementsByTagName('input');
    for (var i = 0; i < inputs.length; i += 1) {
        a = Math.floor((Math.random() * 39) + 1);
        inputs[i].value = a;
    }
}
相关文章：