网页计算器 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">

οnclick="onclicknum('/')"

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

οnclick="onclickclear()"

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

οnclick="onclickresult()"

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