时间戳

首页 > 解决方案 > 如何使用文本输入而不是选项友好的输入（收音机、列表等）进行测验，这些输入仍然告诉您 HTML 中的对错？

javascript - 如何使用文本输入而不是选项友好的输入（收音机、列表等）进行测验，这些输入仍然告诉您 HTML 中的对错？

问题描述

我的学校项目需要这个！我也不知道如何编写这个代码，所以我没有什么可放在这里的。谢谢..

标签： javascripthtml

解决方案

尝试这样的事情，您可以在此处的 codepen 上使用它https://codepen.io/wispyco/pen/PoPgKzV尝试输入您的答案所有一个单词并点击提交，然后尝试输入其他任何内容并点击提交

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>quiz</title>
  </head>
  <body>
    <form>
      <input id="answer" type="text">
      <input type="submit">
    </form>
  </body>
</html>

js

var wordInput = document.getElementById("answer");
var form_el = document.querySelector("form");

form_el.addEventListener("submit", function(evt) {
    evt.preventDefault();
    console.log(wordInput.value)
    if(wordInput.value==="youranswer"){
       alert("correct")
    }
     else{
       alert("incorrect")
     }
});

推荐阅读