html编程计算,js html实现计算器功能

本文实例为大家分享了html实现计算器功能的具体代码，供大家参考，具体内容如下

代码：

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" />

效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。