简单计算器在HTML实现的方法

YPE html>

你知道在HTML中如何实现计算器吗?其实实现简单的计算器是非常简单的,只要我们掌握好技巧即可,下面我们就一起去看看吧。

复制代码

代码如下:

 

Calculator

var numresult;
var str;
function onclicknum(nums) {
str = document.getElementById(“nummessege”);
str.value = str.value + nums;
}
function onclickclear() {
str = document.getElementById(“nummessege”);
str.value = “”;
}
function onclickresult() {
str = document.getElementById(“nummessege”);
numresult = eval(str.value);
str.value = numresult;
}


style=”height: 350px; width: 270px”>

style=”height: 90px; width: 350px; font-size: 50px” />

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

style=”height: 70px; width: 190px; font-size: 35px”>

style=”height: 70px; width: 90px; font-size: 35px”>

onclick=”onclicknum(‘/’)”

style=”height: 70px; width: 90px; font-size: 35px”>

onclick=”onclickclear()”

style=”height: 70px; width: 190px; font-size: 35px” />

onclick=”onclickresult()”

style=”height: 70px; width: 190px; font-size: 35px” />

通过爱站技术频道小编介绍的简单计算器在HTML实现的方法,大家都清楚了吗?希望小编讲的大家能学到,摆脱此刻遇到困难的你,赶紧操作起来吧!