htmlhe和script结合制作简易计算器

最新推荐文章于 2024-08-03 18:28:24 发布

qq_20461915

最新推荐文章于 2024-08-03 18:28:24 发布

阅读量1k

点赞数

分类专栏： html简易计算器文章标签： html script

本文链接：https://blog.csdn.net/qq_20461915/article/details/51788137

版权

html简易计算器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

用到了if else语句和switch case语句

下面来看两种方式的代码：

switch语句：

<!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" />
<title>简易计算器</title>
</head>

<body>
<script type="text/javascript">
var a;
var b;
var c;

a=prompt("请输入第一个数字：");
b=prompt("请输入运算符");
c=prompt("请输入第二个数字：");
switch(b)
{
case"+":
alert("两个数相加的和为："+(parseInt(a)+parseInt(c)));
break;
case"-":
alert("两个数相减的值为："+(parseInt(a)-parseInt(c)));
break;
case"*":
alert("两个数相乘的值为："+(parseInt(a)*parseInt(c)));
break;
case"/":
alert("两个数相除的值为："+(parseInt(a)/parseInt(c)));
break;
default:
{
alert("请输入正确的运算符");
}
}
</script>

</body>
</html>

if else语句：

<!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" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
var  a=prompt("请输入第一个数");
var  b=prompt("请输入第二个数");
var  c=prompt("请输入运算符");

if(c=="+")
{
alert(parseInt(a)+parseInt(b));
}
else if(c=="-")
{
alert(parseInt(a)-parseInt(b));
}
else if(c=="*")
{
alert(parseInt(a)*parseInt(b));
}
else if(c=="/")
{
alert(parseInt(a)/parseInt(b));
}
else
{
  alert("请输入正确的字符");
}

</script>
</body>
</html>