Javascript 如何删除初始显示的innerHTML值
我正在尝试用JavaScript创建一个乘法表。系统会提示用户提供表号(1到10),然后将所有问号(“?”)替换为该编号。然后,用户需要在所有提供的文本字段中输入答案。最后,用户可以选择检查答案(即,答案是对的还是错的) 当我运行代码时。输入要提示的用户数据后,它会在每个Javascript 如何删除初始显示的innerHTML值,javascript,Javascript,我正在尝试用JavaScript创建一个乘法表。系统会提示用户提供表号(1到10),然后将所有问号(“?”)替换为该编号。然后,用户需要在所有提供的文本字段中输入答案。最后,用户可以选择检查答案(即,答案是对的还是错的) 当我运行代码时。输入要提示的用户数据后,它会在每个文本字段的前面显示不正确的,并且用户在检查答案按钮之前输入了值。如何删除它们以最初显示 输出: 我的代码: 函数结果(){ var值=document.getElementById(“a1”).value; var checkM
文本字段的前面显示不正确的,并且用户在检查答案
按钮之前输入了值。如何删除它们以最初显示
输出:
我的代码:
函数结果(){
var值=document.getElementById(“a1”).value;
var checkMessageSpan1=document.getElementById(“checkMessage1”);
var checkMessageSpan2=document.getElementById(“checkMessage2”);
var r=x*1;
如果(值==x){
checkMessageSpan1.innerHTML=“+”正确!”;
}否则{
checkMessageSpan1.innerHTML=“+”不正确!”;
}
var值=document.getElementById(“a2”).value;
var r=x*2;
如果(值==r){
checkMessageSpan2.innerHTML=“+”正确!”;
}否则{
checkMessageSpan2.innerHTML=“+”不正确!”;
}
生成问题
?x1=
?x2=
检查答案要替换所有特殊字符,可以使用js中的正则表达式
var res=str.replace(/[^a-zA-Z0-9]/g,x);
代替
var res=str.replace(“?”,x);
更多关于JS中正则表达式的信息https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
尝试添加以下代码:
var value = document.getElementById("a1").value;
if (checkMessageSpan1.style.display === "none") {
checkMessageSpan1.style.display = "inline-block";
} else {
checkMessageSpan1.style.display = "none";
}
var value = document.getElementById("a2").value;
if (checkMessageSpan2.style.display === "none") {
checkMessageSpan2.style.display = "inline-block";
} else {
checkMessageSpan2.style.display = "none";
}
ID必须是唯一的。使用类或通过标记名获取元素。对于这两种方法,请查看上面正则表达式中指定的“g”开关,对变量x的内容进行全局搜索,并查找所有出现的特殊字符。如果您能详细说明实际使用情况,可能还有其他ap探讨这个问题。
var value = document.getElementById("a1").value;
if (checkMessageSpan1.style.display === "none") {
checkMessageSpan1.style.display = "inline-block";
} else {
checkMessageSpan1.style.display = "none";
}
var value = document.getElementById("a2").value;
if (checkMessageSpan2.style.display === "none") {
checkMessageSpan2.style.display = "inline-block";
} else {
checkMessageSpan2.style.display = "none";
}