Home > Article > Web Front-end > 网页计算器一个JS计算器_其他特效

网页计算器一个JS计算器_其他特效

WBOYOriginal: 2016-05-16 17:23:481278browse

一个挺小的JavaScript网页计算器，界面美化的我想还是不错的，毕竟在没有使用任何图片修饰的情况下，很好看，而且功能挺实用，可以完成基本的数学算数运算，点击“运行代码”可以运行一下看效果。

<title>计算器</title> 
<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：jquery 实现窗口的最大化不论什么情况_jqueryNext article：Jquery读取URL参数小例子_jquery

See more

网页计算器 一个JS计算器_其他特效

Related articles

网页计算器一个JS计算器_其他特效