HTML+js实现简单计算器的几个功能

计算器----课程实验

HTML+js实现简单计算器的几个功能_第1张图片
老师已给大部分代码,现只需添加几个功能。

1、退格功能

每点击一次退格,删除计数器输入框里最右端的一个数字或者一个运算符,连续点击,可以连续删除。

function onclickBackspace() { 
        var text = document.getElementById("result");
        text.value=text.value.substring(0,text.value.length-1);
        }

2、AC清空功能

当点击页面上AC键之后,输入框中已有内容被清空。

function onclickempty(){
			var text = document.getElementById("result").value;
			document.getElementById("result").value="";
			}

3、禁止连续输入运算符

改变当前运算符可以连续输入多个的问题,使计算器禁止连续输入运算符。

function onclickconsoperate(){
			//var text = document.getElementById("result").value;
			//text.value=text.value.match(/\d+((+|-|*|\/)\d{0,20})?/)||[''])[0]);

4、允许小数点的运算

function onclickpoint(){
			var text = document.getElementById("result").value;
			point=true
			text.value=".";
			}

5、button

<div id="button">
            <div onclick="onclickempty()">AC</div>
            <div onclick="onclickBackspace()">退格</div>
            <div onclick="onclickpoint()">.</div>
</div>

两周实验,未完待续。

你可能感兴趣的:(HTML+js实现简单计算器的几个功能)