想问问简单的计算器中JS代码是什么意思?

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="counter.js"></script>

</head>

<body>

   <input type='text' id='txt1' style="width:30px"/> 

   <select id='select'>

<option value='+'>+</option>

<option value="-">-</option>

<option value="*">*</option>

<option value="/">/</option>

   </select>

   <input type='text' id='txt2' style="width:30px" /> 

   <input type='button' value=' = '  onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

   <input type='text' id='fruit' />  

</body>

</html>

function count(){
       
    //获取第一个输入框的值
    var vtxt1=document.getElementById("txt1").value;
	//获取第二个输入框的值
	var vtxt2=document.getElementById("txt2").value;
	//获取选择框的值
	var symbol=document.getElementById("select").value;
	//获取通过下拉框来选择的值来改变加减乘除的运算法则
	var result;
	switch(symbol){
		case "+":
		result=parseInt(vtxt1)+parseInt(vtxt2);
		break;
		case "-":
		result=parseInt(vtxt1)-parseInt(vtxt2);
		break;
		case "*":
		result=parseInt(vtxt1)*parseInt(vtxt2);
		break;
		default:
		result=parseInt(vtxt1)/parseInt(vtxt2);
	}
    //设置结果输入框的值 
    document.getElementById("fruit").value=result;
   }
  1. 为什么document.getElementById("txt1").value;后面加.value这个字,有什么用啊?

  2. 为什么要声明result呢?为什么不可以直接用symbol,比如:symbol=vtxt1+vtxt2;

  3. 括号里什么时候加引号啊,我看getElementById("txt1")加了引号呢,而后面parseInt(vtxt1)没有加引号;

  4. 同理啊,document.getElementById("fruit").value=result;这里啊,这个value有啥用啊?整句话有啥用啊?

  5. case "+":这里为啥要加引号呢?

  6. parseInt()有啥用呢?为啥输出不了输出小数?

  7. 我看有些代码写var vtxt2=parseInt(document.getElementById("txt2").value);有些写在result=parseInt(vtxt1)/parseInt(vtxt2);这个里面,有啥区别?

  8. 最后一个弱弱的问题,var的作用域的问题,这个我搞不懂?


慕虎9706840
浏览 1224回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP