网页计算器怎么实现

 我来答

1个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

叱咤风云555
推荐于2016-01-10 · TA获得超过872个赞

知道小有建树答主

回答量：805

采纳率：50%

帮助的人：189万

我也去答题访问个人页

关注

展开全部

第一种方式:
<!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>
<title></title>
<script src="Styles/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnEquals").click(function () {
var txt1 = $("#txt1").val() - 0;
var txt2 = $("#txt2").val() - 0;
var sel = $("#sel").val();
var rec = 0;
switch (sel) {
case "+": rec = txt1 + txt2; break;
case "-": rec = txt1 - txt2; break;
case "*": rec = txt1 * txt2; break;
case "/": rec = txt1 / txt2; break;
}
// rec = new Function("return "+txt1+sel+txt2);
$("#txtResult").val(rec);
});
});
</script>
</head>
<body>
<input type="text" id="txt1" value="" />
<select id="sel">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" id="txt2" value="" />
<input type="button" id="btnEquals" value="=" />
<input type="text" id="txtResult" value="" />
</body>
</html>
第二种方式:
<!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>
<title></title>
<script src="Styles/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnEquals").click(function () {
var txt1 = $("#txt1").val() - 0;
var txt2 = $("#txt2").val() - 0;
var sel = $("#sel").val();
var rec = 0;
// switch (sel) {
// case "+": rec = txt1 + txt2; break;
// case "-": rec = txt1 - txt2; break;
// case "*": rec = txt1 * txt2; break;
// case "/": rec = txt1 / txt2; break;
// }
rec = new Function("return "+txt1+sel+txt2);
$("#txtResult").val(rec);
});
});
</script>
</head>
<body>
<input type="text" id="txt1" value="" />
<select id="sel">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" id="txt2" value="" />
<input type="button" id="btnEquals" value="=" />
<input type="text" id="txtResult" value="" />
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

AiPPT
2024-09-19 广告

随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图... 点击进入详情页

本回答由AiPPT提供

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

网页计算器怎么实现

其他类似问题

为你推荐：