87,990
社区成员
发帖
与我相关
我的任务
分享javascript计算器的思路
我先说一下思路，中间的下拉菜单包括+-×/四个运算符，把被选中的索数值赋值给变量k，然后要怎么处理变量k才能让计算器正确工作？代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算器</title>
<script language="javascript">
window.onload = function math(){
x = document.form1.input1;
n = document.form1.input2;
z = document.getElementById("button1");
i = document.form1.select1.selectedIndex;
k = document.form1.select1.options[i].value;
z.onclick=function(){
result = parseFloat(x.value)/*把k放在这里？？*/parseFloat(n.value);
alert(result);
}
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="input1" size="5"/>
<select name="select1">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" name="input2" size="5" />
<input type="button" id="button1" value="显示结果" />
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
sk_up_dyy 2011-10-10
- 打赏
- 举报
//其他不用改，js改成这样就可以了
window.onload = function math(){
x = document.form1.input1;
n = document.form1.input2;
z = document.getElementById("button1");
z.onclick=function(){
k=document.form1.select1.options[document.form1.select1.selectedIndex].text;
alert(eval(parseFloat(x.value)+k+parseFloat(n.value)));
}
}
一個程序員 2011-10-10
- 打赏
- 举报
纳闷。。。
做个计算器，整个form表单套起来是何解？
eval里面丢个字符串就好了，相当省事。
做个计算器，整个form表单套起来是何解？
eval里面丢个字符串就好了，相当省事。
一個程序員 2011-10-10
- 打赏
- 举报
你的select标签只有text没有value。。。
给option加上value
<option value='+'>+</option>
给option加上value
<option value='+'>+</option>
livetiancao 2011-10-10
- 打赏
- 举报
[Quote=引用 2 楼 cj205 的回复:]
不过你的select的值没有选择对哦。。
[/Quote]
请指点
不过你的select的值没有选择对哦。。
[/Quote]
请指点
Mr-Jee 2011-10-10
- 打赏
- 举报
不过你的select的值没有选择对哦。。
Mr-Jee 2011-10-10
- 打赏
- 举报
result = eval(x.value + k + n.value);
