Question

您如何在js中创建一个简单答案表格？我尝试过

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8"/>
    <script>
      function cipher1(){
        var val ="theanswer";
        if(val == (document.getElementById("cipher1").value)){
          alert("correct");
        }
      }
    </script>
  </head>
  <body id="bod">
    <div id="cipher1"style="display:none;">
      <input id="cipher1"type="text" value="write the answer here"/>
      <input type="button" class="but"value="answercheck"onclick="cipher1()"/>
    </div>
    </body>
    </html>

但是它不起作用。请帮忙！！！

Answer 1

您的ID必须是唯一的。在您的代码中，您将“ cipher1”与div和输入字段相关联。您可以将文本字段的ID更改为cipher2。请参见下面的代码：

  function cipher1(){
        var val ="theanswer";
        if(val == (document.getElementById("cipher2").value)){
          alert("correct");
        }
      }

 <div id="cipher1">
      <input id="cipher2"type="text" value="write the answer here"/>
      <input type="button" class="but"value="answercheck"onclick="cipher1()"/>
    </div>

Answer 2

首先尝试更改两个重复的ID

div id="**cipher1**"style="display:none;">
      <input id="**cipher1**"type="text" value="write the answer here"/>

比从父div删除显示样式

Answer 3

您的页面上有一个重复的ID（页面上只能有一个ID）cipher1

在J.S

3 个答案: