JavaScript实现简单计算器

1.1定义两个输入框和一个隐藏框。

1.2定义加减乘除四个按钮，并在里面设置一个单击事件onclick，单击后调用clac()函数，并将运算符号传递给函数。

1.3定义0-9十个按钮，并在里面设置一个单击事件onclick，单击后调用click1()函数，并将数字传递给函数。

1.4定义一个计算按钮，并在里面设置一个单击事件onclick，单击后调用result()函数，计算出结果。

1.5定义一个清空按钮，并在里面设置一个单击事件onclick，单击后调用click2()函数，将输入框的内容清空。

在主体中编写html以下代码：

第一个数:

第二个数:

//隐藏框，type="hidden"

2.1定义一个flag标志，并赋值为true，当点击计算符号之后，改变flag的值为false。

2.2创建click1函数，判断flag的值，如果是true就定位到第一个输入框，如果是false就定位到第二个输入框，将点击传过来的值与输入框里面的字符串拼接到一起。

document.querySelector()，进行html定位，如果是用class属性来定位，定位时class属性值前面要加点号(.)，如果是用id属性来定位，定位时id属性值前面要加#。

可以使用.value取出这个属性的value值。

function click1(num){
    if(flag){
        var num1=document.querySelector("#num1");
        num1.value+=num;
    }else{
        var num2=document.querySelector("#num2");
        num2.value+=num;
    }			
}

2.3创建clac函数，定位到隐藏框，将点击传过来的符号放入输入框，并将flag值改为false。

function clac(s){
	var d=document.querySelector("#num3");
	d.value=s;
	flag=false;
}

2.4定义result函数，定位到两个输入框，取出其中的值并转成整数，定位到隐藏输入框，取出里面的符号，然后判断是什么符号，进行相应的运算，弹出运算结果。

function result(){
	var num1=parseInt(document.querySelector("#num1").value);
	var num2=parseInt(document.querySelector("#num2").value);
	var d=document.querySelector("#num3").value;
	switch (d){
		case '+':
			alert(num1+num2);
			break;
		case '-':
		    alert(num1-num2);
			break;
		case '*':
			alert(num1*num2);
			break;
		case '/':
			alert(num1/num2);
			break;
		default:
			alert("输入有误")
			break;
	}
}

2.5创建click2函数，定位三个输入框，并复制为空。

function click2(){
	document.querySelector("#num1").value="";
	document.querySelector("#num2").value="";
	document.querySelector("#num3").value="";
}

在标签中编写以下JavaScript代码 ：

页面html代码如下：

JavaScript代码如下： 

第一个值：












 运算方法：






 第二个值：