HTML上的简单计算器

最新推荐文章于 2022-03-05 16:25:50 发布

黑芒Black

最新推荐文章于 2022-03-05 16:25:50 发布

阅读量470

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/u010910854/article/details/40041605

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>简易计算器</title>
</head>
<body>
<center>
<h2>简易计算器</h2><br/>
第一个数<input type="text" id="one">
<br/>第二个数<input type="text" id="two">
<br/><input type="button" value=" + " οnclick="add()">
<input type="button" value=" - " οnclick="jian()">
<input type="button" value=" x " οnclick="cheng()">
<input type="button" value=" ÷ " οnclick="chu()">
<br/>计算结果<input type="text" id="result">
</center>
<script>
var one=document.getElementById("one");
var two=document.getElementById("two");
var result=document.getElementById("result");
function add(){
result.value=parseFloat(one.value)+parseFloat(two.value);
}
function jian(){
result.value=parseFloat(one.value)-parseFloat(two.value);
}
function cheng(){
result.value=parseFloat(one.value)*parseFloat(two.value);
}
function chu(){
result.value=parseFloat(one.value)/parseFloat(two.value);
}
</script>
</body>
</html>