怎么在网页上制作一个简易计算器
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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=gb2312" />
<script type="text/javascript" src="file:///C|/Users/hp/Documents/JQuerySite/jquery-1.9.0.js"></script>
<script type="text/javascript">
function calculate(type){
var result=0;
num1=Number(document.form1.num1.value);
num2=Number(document.form1.num2.value);
if(num1==""||num2==""){return false;}
swicth(type){
case 0;result=num1+num2;
case 1;result=num1-num2;
case 2;result=num1*num2;
case 3;result=num1/num2;
}
document.form1.circulate.value=result;
</script>
<title>无标题文档</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="num1" />
<select name="select" size="1" id="select">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="num2" />
=
<input type="text" name="textfield3" />
<input name="circulate" type="button" id="circulate" value="计算" onclick="abc()" />
</form>
</body>
</html>
我是JAVASCRIPT新手，怎么在网页做一个简易计算器。
要求是输入2个数，然后在下拉列表中选择一个运算符，点击计算，计算加减乘除的结果，想问一下下拉列表中的加减乘除如何和计算按钮一一对应呢？就是这个不会，求高人解答。 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="file:///C|/Users/hp/Documents/JQuerySite/jquery-1.9.0.js"></script>
<script type="text/javascript">
function calculate(type){
var result=0;
num1=Number(document.form1.num1.value);
num2=Number(document.form1.num2.value);
if(num1==""||num2==""){return false;}
swicth(type){
case 0;result=num1+num2;
case 1;result=num1-num2;
case 2;result=num1*num2;
case 3;result=num1/num2;
}
document.form1.circulate.value=result;
</script>
<title>无标题文档</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="num1" />
<select name="select" size="1" id="select">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="num2" />
=
<input type="text" name="textfield3" />
<input name="circulate" type="button" id="circulate" value="计算" onclick="abc()" />
</form>
</body>
</html>
我是JAVASCRIPT新手，怎么在网页做一个简易计算器。
要求是输入2个数，然后在下拉列表中选择一个运算符，点击计算，计算加减乘除的结果，想问一下下拉列表中的加减乘除如何和计算按钮一一对应呢？就是这个不会，求高人解答。 展开
2015-07-06 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数：25897
获赞数：1464987
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业，学士学位，工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
![]()
展开全部
(1)先画个页面，把每个数字 运算符号放进去；
(2)然后每个数字 符号绑定一个事件，这个事件获取数字或者符号的值，放进一个Input框；
(3)点击计算，把Input框的字符串表达式计算，eval("1*2")；
(4)还有计算前要对表达式进行校验,不规则的表达式不能计算。
(2)然后每个数字 符号绑定一个事件，这个事件获取数字或者符号的值，放进一个Input框；
(3)点击计算，把Input框的字符串表达式计算，eval("1*2")；
(4)还有计算前要对表达式进行校验,不规则的表达式不能计算。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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=gb2312" />
<script type="text/javascript" src="file:///C|/Users/hp/Documents/JQuerySite/jquery-1.9.0.js"></script>
<script type="text/javascript">
function calculate(type){
var result=0;
num1=Number(document.form1.num1.value);
num2=Number(document.form1.num2.value);
if(num1==""||num2==""){return false;}
switch (type)
{
case 0:
result=num1+num2;
break;
case 1:
result=num1-num2;
break;
case 2:
result=num1*num2;
break;
case 3:
result=num1/num2;
break;
}
document.form1.textfield3.value=result;
}
</script>
<title>无标题文档</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="num1" />
<select name="select" size="1" id="select">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="num2" />
=
<input type="text" name="textfield3" />
<input name="circulate" type="button" id="circulate" value="计算" onclick="calculate(document.form1.select.selectedIndex)" />
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="file:///C|/Users/hp/Documents/JQuerySite/jquery-1.9.0.js"></script>
<script type="text/javascript">
function calculate(type){
var result=0;
num1=Number(document.form1.num1.value);
num2=Number(document.form1.num2.value);
if(num1==""||num2==""){return false;}
switch (type)
{
case 0:
result=num1+num2;
break;
case 1:
result=num1-num2;
break;
case 2:
result=num1*num2;
break;
case 3:
result=num1/num2;
break;
}
document.form1.textfield3.value=result;
}
</script>
<title>无标题文档</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="num1" />
<select name="select" size="1" id="select">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="num2" />
=
<input type="text" name="textfield3" />
<input name="circulate" type="button" id="circulate" value="计算" onclick="calculate(document.form1.select.selectedIndex)" />
</form>
</body>
</html>
更多追问追答
追问
为什么没有效果？
追答
代码没错，验证过才发上来的，复制完整代码到文本文件里，后辍改成html.如果还不行自已检查下其它问题
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
手机页面设置计算机
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
