网页计算器一个JS计算器

前端技术 2023/08/09 JavaScript

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

<html> 
<head> 
<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需刷新才能执行]

本文地址：https://www.stayed.cn/item/753

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请联系我

微信
QQ好友
QQ空间
腾讯微博
新浪微博
人人网

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案

2024-02(2)
2023-06(1)
2023-05(1)
2023-04(14)
2023-03(3)
2023-01(6)
2022-12(5)
2022-11(5)
2022-07(2)
2022-06(4)
2022-05(3)
2022-03(1)
2021-12(6)
2021-11(1)
2021-10(3)
2021-09(5)
2021-07(5)
2021-02(2)
2021-01(7)
2020-12(18)
2020-11(14)
2020-10(12)
2020-09(10)
2020-08(22)
2020-07(2)
2020-06(1)
2020-04(5)
2020-03(9)
2020-02(7)
2020-01(9)
2019-12(8)
2019-11(10)
2019-10(11)
2019-09(17)
2019-08(16)
2019-07(6)
2019-06(3)
2019-04(1)
2019-03(8)
2019-02(5)
2019-01(1)
2018-11(2)
2018-10(3)
2018-09(1)
2018-08(3)
2018-07(3)
2018-06(7)
2018-04(4)
2018-03(5)
2018-02(4)
2018-01(22)
2017-12(3)
2017-11(5)
2017-10(15)
2017-09(26)
2017-08(1)
2017-07(3)