我想制作这样的 www!
<!DOCTYPE html>
<html>
<head>
<script language ="JavaScript">
function random_number()
{
var i;
var show_text = document.getElementsByClassName('data');
for(i=0;i<8;i +=1){
a =Math.floor((Math.random()*39)+1);
show_text[i].value=a;}
var j;
var edit_text = document.getElementsByClassName('edit');
for(j=0;j<8;j +=1){
edit_text[j].value=b;}
var count=0;
if(show_text[i].value==edit_text[j].value){
count +=1;
document.getElementById("cc").value=count;}
else if(edit_text[j].value==null){document.getElementById("cc").value="Please enter numbers first";}
}
</script>
</head>
<body>
<h1>Random Number </h1>
<p>
Type:
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<br>
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" />
<br>
<input type="button" value="Random" onClick="random_number()" />
<p id="cc" /p>
</p>
</body>
</html>最佳答案
您的函数有几个问题，我已经为您修复了它，但您需要记住几件事才能理解它为什么不起作用。我决定修复它，因为我可以花时间在这上面。但我建议您查看开发人员工具(控制台，就在您的浏览器中)，以便下次为您指明正确的方向。
- 您不通过调用
document.getElementById("cc").value来设置元素的内容，这适用于表单字段，而不是像您的情况那样的段落 - 您段落的语法是
<p id="cc" /p></p>而不是<p id="cc"></p> -
b从未定义过，但您正在使用它 - 你的
for loops从 0 到 8 意味着它将尝试访问数组中的第 8 个元素(索引 7)，而不管 html 只有 7(索引 6)
function random_number() {
var show_text = document.getElementsByClassName('data');
for (var i = 0; i < 7; i++) {
show_text[i].value = Math.floor((Math.random() * 39) + 1);
}
var edit_text = document.getElementsByClassName('edit');
var count = 0;
for (var j = 0; j < 7; j++) {
if (show_text[j].value == edit_text[j].value) {
count++;
}
}
document.getElementById("cc").innerHTML = count;
}<h1>Random Number </h1>
<p>
Type:
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<input type="text" Class="edit" size="3" />
<br>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" />
<br>
<input type="button" value="Random" onClick="random_number()" />
<p id="cc">
</p>请注意，我特意删除了显示消息而不是数字的部分，以防其为零。我相信您的问题最好这样回答，您可以在之后添加所有您想要的额外功能。
关于javascript - 如何获得区域值(value)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26079868/