变量未显示在输入框中| Javascript
我正在尝试制作一个计算器,使用按钮在输入框中显示数字和运算。但是,变量变量未显示在输入框中| Javascript,javascript,Javascript,我正在尝试制作一个计算器,使用按钮在输入框中显示数字和运算。但是,变量nums不会显示 代码如下: 功能显示(单击\u id){ var nums=document.getElementById(“显示区域”).value; nums=nums+document.getElementById(单击的id).value; document.getElementById(“显示区域”)===nums; } 函数计算(){ var e=eval(document.getElementById(“显示
nums
不会显示
代码如下:
功能显示(单击\u id){
var nums=document.getElementById(“显示区域”).value;
nums=nums+document.getElementById(单击的id).value;
document.getElementById(“显示区域”)===nums;
}
函数计算(){
var e=eval(document.getElementById(“显示区域”).value);
document.getElementById(“显示区”)==e;
}
1.
2.
3.
+
4.
5.
6.
-
7.
8.
9
x
.
0
=
/
document.getElementById(“显示区域”)==nums代码>这行代码用于比较未显示的值。要实现所需,请使用.innerHTML
。
您的代码将成为
document.getElementById(“显示区域”).innerHTML=nums代码>是的,你是对的,问题就在眼前
document.getElementById("display_area") === nums;
替换为:
document.getElementById("display_area").innerHTML = nums;
由于您正在使用document.getElementById(“显示区域”).setAttribute(“值”,nums)更新input
中的内容当方法设置属性值时,代码>可能更合适
我还没有解决其他的逻辑问题,但您可以在沙箱中尝试,现在可以呈现值了
文件
1.
2.
3.
+
4.
5.
6.
-
7.
8.
9
x
.
0
=
/
功能显示(单击\u id){
var nums=document.getElementById(“显示区域”).value;
nums=nums+document.getElementById(单击的id).value;
document.getElementById(“显示区域”).setAttribute(“值”,nums);
}
函数计算(){
var e=eval(document.getElementById(“显示区域”).value);
document.getElementById(“显示区”)==e;
}
您是否尝试了文本内容或innerHTML?例如:document.getElementById(“显示区域”).textComtent=nums@您的输入错误:textcoment
。应尽可能避免使用innerHTML
,因为它会影响安全性和性能.textContent
应该改为使用,特别是因为nums
中没有HTML。您的答案中有一个打字错误,
而不是
。此外,应尽可能避免使用.innerHTML
,因为它会影响安全性和性能.textContent
应该改为使用,特别是因为nums
中没有HTML。很抱歉,现在已修复。好的,如果您不想使用innerHTML,您认为使用innerText比使用innerText更好吗?这是一个输入字段,对我来说都很好。innerText不是标准的,尽管出于遗留原因,它在任何地方都可以工作。文本内容是标准,应该受到青睐。