![]() |
#2
jpj1232016-05-01 22:37
![]() <!DOCTYPE html> <html> <head> <title>计算器</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <script type="text/javascript"> function count(){ //获取第一个输入框的值 var node1=document.getElementById('j1').value; //alert(node1); //获取第二个输入框的值 var node2=document.getElementById('j2').value; //alert(node2); //获取选择框的值 var node3=document.getElementById('j3').value; //获取通过下拉框来选择的值来改变加减乘除的运算法则 switch(node3){ case "+": var rest=parseInt(node1)+parseInt(node2); break; case "-": var rest=parseInt(node1)-parseInt(node2); break; case "*": var rest=parseInt(node1)*parseInt(node2); break; case "/": var rest=parseInt(node1)/parseInt(node2); break; } //设置结果输入框的值 var node5=document.getElementById('dd').value=rest; if(node1=50 && node2<630){document.getElementById('dd').value=150;} if(node1=50 && node2<210){document.getElementById('dd').value=100;} if(node1=50 && node2<105){document.getElementById('dd').value=50;} //------------------------------------------------ if(node1=80 && node2<630){document.getElementById('dd').value=300;} if(node1=80 && node2<210){document.getElementById('dd').value=200;} if(node1=80 && node2<105){document.getElementById('dd').value=150;} } </script> </head> <body> <select id='j1'> <option value='120'>1</option> <option value="100">2</option> <option value="80">3</option> <option value="50">4</option> <option value="200">5m</option> </select> <option value='+' id='j3'></option> <input type='text' id='j2' /> <input type='button' value="=" onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='dd' /> </body> </html> |
当ID:“j1”选择了4,"j2"输入的数字小于105时,id:"dd"=50。"j2"输入的数字小于210时,dd=150."j2"输入的数字小于630时,dd=150.
当ID:“j1”选择了3,"j2"输入的数字小于105时,id:"dd"=150。"j2"输入的数字小于210时,dd=200."j2"输入的数字小于630时,dd=300.
应该怎么写啊?希望老师能指点下啊!先谢谢了 -。0
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var node1=document.getElementById('j1').value;
//alert(node1);
//获取第二个输入框的值
var node2=document.getElementById('j2').value;
//alert(node2);
//获取选择框的值
var node3=document.getElementById('j3').value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
switch(node3){
case "+":
var rest=parseInt(node1)+parseInt(node2);
break;
case "-":
var rest=parseInt(node1)-parseInt(node2);
break;
case "*":
var rest=parseInt(node1)*parseInt(node2);
break;
case "/":
var rest=parseInt(node1)/parseInt(node2);
break;
}
//设置结果输入框的值
var node5=document.getElementById('dd').value=rest;
}
</script>
</head>
<body>
<select id='j1'>
<option value='120'>1</option>
<option value="100">2</option>
<option value="80">3</option>
<option value="50">4</option>
<option value="200">5m</option>
</select>
<option value='+' id='j3'></option>
<input type='text' id='j2' />
<input type='button' value="=" onclick="count()" />
<!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='dd' />
</body>
</html>