js设计一个简单的计算器操作步骤:js制作简易的计算器

人气:366 ℃/2024-05-29 06:03:02

首先,我们整理一下思路,普通的计算器,无非就是 、-、*、/。

我们大概制作一个模型,像这样的。

两个框,负责输入数据,中间的下拉列表选择运算符,最后按下“=”按钮,弹出一个对话框,显示结果。

所以,我们的body结构大致就是这样:

<body>

<input type="text" id="N1">

<select>

<option >-</option>

<option > </option>

<option >*</option>

<option >/</option>

</select>

<input type="text" id="N2">

<input type="button" id="btn" value="=">

</body>

模型就完成了,接下来设置它们的js代码,我们要获取值,还要让它进行运算。

<script>

var oN1=document.getElementById('N1');

var oN2=document.getElementById('N2');

var obtn=document.getElementById('btn');

obtn.onclick=function () {

var a=parseFloat(oN1.value);

var b=parseFloat(oN2.value);

if (ojian.selected==true){

alert(a-b);

}if(ojia.selected==true){

alert(a b);

}if (ocheng.selected==true){

alert(a*b);

}if(ochu.selected==true){

alert(a/b);

}

}

</script>

当中间那个符号被选中的时候,就进行这样的运算,当然后面还可以加点其他的,比如%之类的,条件就在if里面再加就行了,这样简易的计算器就完成了。

百科

More+
首页/电脑版/网名
© 2025 NiBaKu.Com All Rights Reserved.