用html和JavaScript做一个超简单的计算器
这个是可以改进的,你可以试试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function play01(){ /*加法*/
var unm01=parseInt(document.getElementById("unm01").value); /*定义一个变量接收第一个数的值*/
var unm02=parseInt(document.getElementById("unm02").value); /*定义一个变量接收第二个数的值*/
var unm=document.getElementById("unm03"); /*定义一个变量接收第三个数*/
unm.value=(unm01+unm02); /*给第三个数赋值*/
}
function play02(){ /*减法*/
var unm01=parseInt(document.getElementById("unm01").value);
var unm02=parseInt(document.getElementById("unm02").value);
var unm=document.getElementById("unm03");
unm.value=(unm01-unm02);
}
function play03(){ /*乘法*/
var unm01=parseInt(document.getElementById("unm01").value);
var unm02=parseInt(document.getElementById("unm02").value);
var unm=document.getElementById("unm03");
unm.value=(unm01*unm02);
}
function play04(){ /*除法*/
var unm01=parseInt(document.getElementById("unm01").value);
var unm02=parseInt(document.getElementById("unm02").value);
var unm=document.getElementById("unm03");
unm.value=(unm01/unm02);
}
</script>
</head>
<body>
计算器<br/>
第一个数:<input type="text" id="unm01"><br/>
第二个数:<input type="text" id="unm02"><br/>
<input type="button" value="+" onClick="play01()">
<input type="button" value="-" onClick="play02()">
<input type="button" value="*" onClick="play03()">
<input type="button" value="/" onClick="play04()">
<br/>
计算结果:<input type="text" id="unm03"><br/>
</body>
</html>
成果图: