现在我来做一个简单计算机的案例
现在我做了一个简单的计算机
接下来我来用代码实现这个案例
1.先打出简单的样式
<input id="num1" type="number">
<select name="op" id="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input id="num2" type="number">
<button οnclick="list()">计算</button>
<input id="result" type="text">
2.首先先获取数据。
var num1=document.getElementById("num1").value;
var num2=document.getElementById("num2").value;
var op=document.getElementById("op").value;
var result=0;
现在实现这两个案例有两种方法
方法一:
if语句: if(op=="+"){
result=parseInt(num1)+parseInt(num2);
}else if(op=="-"){
result=parseInt(num1)-parseInt(num2);
}else if(op=="*"){
result=parseInt(num1)*parseInt(num2);
}else{
result=parseInt(num1)/parseInt(num2); }
方法二:
switch语句: switch(op){
case "+":
result=parseInt(num1)+parseInt(num2);
break;
case "-":
result=parseInt(num1)-parseInt(num2);
break;
case "*":
result=parseInt(num1)*parseInt(num2);
break;
case "/":
result=parseInt(num1)/parseInt(num2);
break;
default: break; }
3.在后面绑定一个返回值就实现了,document.getElementById("result").value=result;
现在移动端拖动元素案例做完了,如果有兴趣的人去试一下吧!!!
文献就写到这了 如大神吐槽,望请教!!