Question

所以这是我的代码：

<html>

<body>

<p>13-7: <input id="answer" type="text"" /><button onclick="check(6, bla)">Tjek!</button></p>
<p id="bla"></p>
<p>20-7: <input id="answer" type="text"" /><button onclick="check(13, bla2)">Tjek!</button></p>
<p id="bla2"></p>



<script type="text/javascript">

function check(svar, ud)
{
var answer,vurdering;
answer=document.getElementById("answer").value;
vurdering=(answer==svar)?"Correct":"Wrong";
document.getElementById('ud').innerHTML=vurdering;
}

</script>

</body>

</html>

当我点击按钮时，我认为应该显示输入是否等于答案（svar）。但是当在getElementById（）而不是段落id中插入'ud'时，它不会显示输入是正确还是错误。有什么建议吗？

Answer 1

这是一个工作小提琴：

http://jsfiddle.net/hErPP/

id字段在HTML中必须是唯一的。这是一个解决这个问题的例子 bla和bla2也需要是字符串。（您的代码可能有其他问题）

<html>
<body>

<p>13-7: <input id="answer1" type="text" /><button onclick="check('answer1', 6, 'bla');">Tjek!</button></p>
<p id="bla"></p>
<p>20-7: <input id="answer2" type="text" /><button onclick="check('answer2', 13, 'bla2');">Tjek!</button></p>
<p id="bla2"></p>




<script type="text/javascript">

function check(id, svar, ud)
{
  var answer,vurdering;
  answer=document.getElementById(id).value;
  vurdering=(answer==svar)?"Correct":"Wrong";
  document.getElementById(ud).innerHTML=vurdering;
}

</script>

</body>

</html>

Answer 2

首先，您必须更改为此check(6, 'bla')并在功能中删除document.getElementById('ud').innerHTML=vurdering的两个引号并更改为此document.getElementById(ud).innerHTML=vurdering

表单输入的javascript条件

2 个答案: