时间戳

首页 > 解决方案 > 如何检查用户输入是否正确（用于测验）

javascript - 如何检查用户输入是否正确（用于测验）

问题描述

如何检查用户的输入是否正确（用于测验）？

例如，测验是“这些食物是从哪里来的？” 并且有 4 种不同的图像可供 javascript 选择显示并让用户猜测。第一张图片来自Turkey, 然后Greece, India, 然后Mongolia. 如果出现Turkey图片，Turkey用户输入，如何检查用户输入是否正确？

我为此功能使用文本输入，而不是 javascript 模式。

输入框代码

<input class="end" id="guess" onclick="guess()"placeholder="Make a Guess!" style="border-radius: 31px; width: 20%; height: 62px; line-height: 1.2; color: mediumslateblue; padding: 0 35px; font-size: 16px; border-style: 7px solid yellow; visibility: hidden;">

标签： javascripthtmlcss

解决方案

您还没有分享太多代码供我们深入研究。根据我的猜测，您需要将“onclick”替换为“oninput”事件。每次在输入标签上输入新字符时都会调用 oninput 事件。

您可以将输入字段值与答案进行比较。

const guess = () => {
    let input = document.querySelector("#guess");
    if(input.value.toLowerCase() === "turkey"){
        console.log("Correct");
    }
}
<input type="text" id="guess" oninput="guess()">

推荐阅读