html实现了一个简单的计算器,有详细的想法。

其思想是以字符串的形式将密钥内容存储在文本框中。当按钮=,我们调用eval方法计算的结果,在文本框中输出的结果。





复制代码代码如下所示:




计算器


无功numresult;
VAR STR;
功能onclicknum(号){
STR = document.getelementbyid(nummessege );
str.value = str.value +名词;
}
功能onclickclear(){
STR = document.getelementbyid(nummessege );
str.value = ;
}
功能onclickresult(){
STR = document.getelementbyid(nummessege );
numresult = eval(str.value);
str.value = numresult;
}




<表格边框=1对齐=中心背景颜色=# bbff77
style=高度:350px;宽度:270px>


<输入类型文本id=nummessege
风格=身高:90px;宽度:350px;字体大小:50px />




<输入type=按钮值为1编号为1onclick=onclicknum(1)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮值为2编号为2onclick=onclicknum(2)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮值为3编号为3onclick=onclicknum(3)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮的值为+id=添加onclick=onclicknum(+)
style=高度:70px;宽度:90px;字体大小:35px>




<输入type=按钮值为4编号为4onclick=onclicknum(4)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮值为5编号为5onclick=onclicknum(5)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮值为6编号为6onclick=onclicknum(6)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮的值为-id=子onclick=onclicknum(-)
style=高度:70px;宽度:90px;字体大小:35px>




<输入type=按钮值为7编号为7onclick=onclicknum(7)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮值为8编号为8onclick=onclicknum(8)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮值为9编号为9onclick=onclicknum(9)
style=高度:70px;宽度:90px;字体大小:35px>


<输入type=按钮值为*id=多onclick=onclicknum(*)
style=高度:70px;宽度:90px;字体大小:35px>




<输入type=按钮值为0编号为0onclick=onclicknum(0)
style=高度:70px;宽度:190px;字体大小:35px>


<输入type=按钮value=。id=点onclick=onclicknum(' ')
style=高度:70px;宽度:90px;字体大小:35px>


<输入类型>按钮值
onclick=onclicknum(/)
style=高度:70px;宽度:90px;字体大小:35px>




<输入类型按钮值
onclick=onclickclear()
风格=身高:70px;宽度:190px;字体大小:35px />


<输入类型>按钮值结果
onclick=onclickresult()
风格=身高:70px;宽度:190px;字体大小:35px />