Maison > Article > interface Web > 网页计算器一个JS计算器_其他特效

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

WBOYoriginal: 2016-05-16 17:23:481364parcourir

一个挺小的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需刷新才能执行]

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：jquery 实现窗口的最大化不论什么情况_jqueryArticle suivant：Jquery读取URL参数小例子_jquery

Articles Liés

Voir plus

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

Articles Liés

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