首頁  >  文章  >  web前端  >  網頁計算機 一個JS計算機_其他特效

網頁計算機 一個JS計算機_其他特效

WBOY
WBOY原創
2016-05-16 17:23:481414瀏覽

一個挺小的JavaScript網頁計算器,介面美化的我想還是不錯的,畢竟在沒有使用任何圖片修飾的情況下,很好看,而且功能挺實用,可以完成基本的數學算數運算,點擊“運行代碼”可以運行一下看效果。


[Ctrl A 全選 註:如需引入外部Js需刷新才能執行
]<script> <!-- willclear=false //这个变量作为下一次输入是否先清空输入框的状态标志 function backspace(){ //退格 Calc.Input.value = Calc.Input.value.substring(0,Calc.Input.value.length-1) Calc.Input.title = Calc.Input.value.substring(0,Calc.Input.title.length-1) }//取长度为原长度减一的串,实现退格效果。 function addoperator(){ //加操作符 if (willclear){ //如果这次输入前需要清空输入框 willclear=false //先清除标志,避免下次再次被错误地重复清空 clearinput() //清除输入内容 } Calc.Input.value += event.srcElement.innerText //给用于显示的加上刚输入的运算符 Calc.Input.title += event.srcElement.name //给用于计算的表达式区加上刚输入的运算符 } function clearinput(){ //清除输入 Calc.Input.value='' //清空显示区 Calc.Input.title='' //清空表达式 } function result(){ //用于计算结果 Calc.Input.value = eval(Calc.Input.title)//执行表达式区的表达式,返回结果到显示区。 willclear=true//设定下次按键则先清除此次计算结果。 } //--> </script>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn