基本信息
源码名称：网页计算器（入门级示例）
源码大小：1.18KB
文件格式：.html
开发语言：CSS
更新时间：2020-11-04
友情提示：（无需注册或充值，赞助后即可获取资源下载链接）
嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 2 元×
微信扫码支付：2 元
×
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
源码介绍
网页计算器
<html>
<head>
<meta charset="utf-8">
<title>网页计算器</title>
</head>
<body>
<p>整数1：<input type="text" id="num1"></p>
<p>整数2：<input type="text" id="num2"></p>
<input type="button" value="相加" onclick="calc(add)" />
<input type="button" value="相减" onclick="calc(sub)" />
<input type="button" value="相乘" onclick="calc(mul)" />
<input type="button" value="相除" onclick="calc(div)" />
<p>结果：<input type="text" id="result" readonly=""></p>
<script>
function calc(func){
var result=document.getElementById('result');
var num1 = parseInt(document.getElementById('num1').value);
var num2 = parseInt(document.getElementById('num2').value);
if (isNaN(num1)||isNaN(num2)) {
alert('请输入数字');
return false;
}
result.value=func(num1,num2);
}
function add(num1,num2){
return num1 num2;
}
function sub(num1,num2){
return num1-num2;
}
function mul(num1,num2){
return num1*num2;
}
function div(num1,num2){
if(num2 == 0){
alert('除数不能为0');
return '';
}
return num1/num2;
}
</script>
</body>
</html>
网页计算器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页计算器</title>
</head>
<body>
<p>整数1：<input type="text" id="num1"></p>
<p>整数2：<input type="text" id="num2"></p>
<input type="button" value="相加" onclick="calc(add)" />
<input type="button" value="相减" onclick="calc(sub)" />
<input type="button" value="相乘" onclick="calc(mul)" />
<input type="button" value="相除" onclick="calc(div)" />
<p>结果：<input type="text" id="result" readonly=""></p>
<script>
function calc(func){
var result=document.getElementById('result');
var num1 = parseInt(document.getElementById('num1').value);
var num2 = parseInt(document.getElementById('num2').value);
if (isNaN(num1)||isNaN(num2)) {
alert('请输入数字');
return false;
}
result.value=func(num1,num2);
}
function add(num1,num2){
return num1 num2;
}
function sub(num1,num2){
return num1-num2;
}
function mul(num1,num2){
return num1*num2;
}
function div(num1,num2){
if(num2 == 0){
alert('除数不能为0');
return '';
}
return num1/num2;
}
</script>
</body>
</html>