javascript - 如何检查输入的值
问题描述
它的应用程序/网站就像大脑训练师
<body style="text-align: center;">
<h3 id="num1"></h3>
<h3 id="num2"></h3>
<input type="text" id="ans" />
<button id="myBtn" onclick="clickFunction()">Button</button>
<p id="ind"></p>
<script>
var i = 0;
var number1 = Math.floor(Math.random() * 20);
var number2 = Math.floor(Math.random() * 20);
var result = number1 * number2;
document.getElementById("num1").innerHTML = number1;
document.getElementById("num2").innerHTML = number2;
let answer = document.getElementById("ans");
if (result == answer) {
document.getElementById("ind").innerHTML =
"Indicator : Right " + i++ + "times.";
} else {
document.getElementById("ind").innerHTML =
"Indicator : Right " + i-- + " times.";
}
answer.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("myBtn").click();
}
});
</script>
我需要添加一个按钮,该按钮应该在输入中提交文本
我想检查它是否满足条件,如果满足,计数器应该增加
解决方案
如果您的输入条目有 ID,您可以在 JavaScript 中选择输入条目并使用获取框中的值,
document.getElementById(id).value
然后简单地编写逻辑代码以根据该值检查答案是否正确。
如果你想让按钮做某事,首先你的按钮需要有一个像这样的 onclick 属性:
<button onclick='myFunction();'></button>
然后在 JavaScript 中,函数看起来像这样:
function myFunction(){
}
{ } 括号内的所有内容都将在按下按钮后执行。这是您需要获取 .value 并与您的答案进行比较的地方。
推荐阅读
- asp.net-mvc - asp.net MVC 登录用户仍然路由到登录页面
- superset - 如何在超集中更改自定义仪表板的标签颜色
- kubernetes - Kubernetes 不断创建对象
- node.js - 错误:当我执行“sequelize db:migrate”时,“请手动安装 sqlite3 包”
- search - 颤振将变量传递给 SearchDelegate 类给出错误
- android - 触摸列表中的项目后防止多次触摸
- java - 在 Java 8 中是否有更简洁的方法来执行此操作 - 地图操作
- flutter - 在我的项目中,导入'package:flare_flutter/flare_actor.dart';不导入显示错误以及在 FlareActor 中?
- javascript - 搜索数据表后如何保留对数据表所做的修改
- ruby-on-rails - 我可以将不属于模型的测试数据放在哪里?