gpt4 book ai didi

javascript - 如何获得区域值(value)?

转载 作者:行者123 更新时间:2023-11-30 17:16:14 25 4
gpt4 key购买 nike

我想制作这样的 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com