小案例--网页版计算器

最新推荐文章于 2021-12-11 11:56:51 发布

原创最新推荐文章于 2021-12-11 11:56:51 发布 · 447 阅读

CC 4.0 BY-SA版权

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页版计算器</title>
<meta name="keywords" content="关键字" />
<meta name="description" content="网页描述" />
<script type="text/javascript">
function jisuan()
{
//获取input1的值
var text1=document.getElementById("text1").value;
//获取input2的值
var text2=document.getElementById("text2").value;
//获取input2的id
var text3=document.getElementById("text3");
text1=parseFloat(text1);
text2=parseFloat(text2); //文本框的值为字符串
//获取下拉列表符号的值
var fuhao=document.getElementById("fuhao").value;
if(fuhao=="+")
{
var result=text1+text2;
}else if(fuhao=="-")
{
var result=text1-text2;
}else if(fuhao=="*")
{
var result=text1*text2;
}else
{
var result=text1/text2;
}

text3.value=result;
}
</script>
</head>
<body>
<input type="text" id="text1">
<select name="" id="fuhao">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="text2">
=
<input type="text" id="text3">
<input type="button" value="点击计算" onclick="jisuan()">
</body>
</html>