请老师帮忙解答一下注释里面的疑问，谢谢
来源：4-14 项目作业
慕神3111110
2021-07-01 21:33:35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
input{
width: 280px;
height: 30px;
}
select{
width: 50px;
height: 30px;
font-size: 20px;
}
button{
width: 50px;
height: 30px;
font-size: 20px;
}
</style>
</head>
<body>
<input type="text" id="num1">
<select name="" id="jjcc">
<option value="jia">+</option>
<option value="jian">-</option>
<option value="cheng">*</option>
<option value="chu">/</option>
</select>
<input type="text" id="num2">
<button id="dy">=</button>
<input type="text" id="num3">
<script>
var num1=document.getElementById("num1");
var num2=document.getElementById("num2");
var num3=document.getElementById("num3");
var jjcc=document.getElementById("jjcc");
var dy=document.getElementById("dy");
dy.addEventListener("click",function(){
var i=Number(num1.value);
var j=Number(num2.value);
if (jjcc.value=="jia"){
num3.value=i+j;
}
else if (jjcc.value=="jian"){
// 为什么不能用innertext和innerhtml,却可以用value呢？
num3.innerHTML=i-j;
}
else if (jjcc.value=="cheng"){
num3.value=i*j;
}
else{
num3.value=i/j;
}
},true)
</script>
</body>
</html>
1回答
-
同学你好，代码实现效果很棒！
针对提问回复：
num3是input标签
input是单标签，设置值用的value，而innerHTML和innerText属性一般是设置双标签的，不要记混哦。
祝学习愉快！
0
相似问题