JavaScript制作计算器

年年月月日日无bug

已于 2023-05-02 13:03:31 修改

阅读量263

点赞数

文章标签： javascript 前端 html

于 2023-04-30 17:26:15 首次发布

本文链接：https://blog.csdn.net/2301_77381310/article/details/130449948

版权

<html>
<head>
<title>计算器</title>
<style>
body{
	background-color:cyan 
}
</style>
</head>
<body>
<h2 id = "xs">答案:</h2>
<div>
<button id = "1" onclick = "one()">1</button>                  <!--按钮-->
<button id = "2" onclick = "two()">2</button>
<button id = "3" onclick = "three()">3</button>
</div>

<div>
<button id = "4" onclick = "four()">4</button>
<button id = "5" onclick = "five()">5</button>
<button id = "6" onclick = "six()">6</button>
</div>

<div>
<button id = "7" onclick = "seven()">7</button>
<button id = "8" onclick = "eight()">8</button>
<button id = "9" onclick = "nine()">9</button>
</div>

<div>
<button id = "0" onclick = "zero()">0</button>
<button id = "jia" onclick = "add()">+</button>
<button id = "jian" onclick = "sub()">-</button>
</div>

<div>
<button id = "cheng" onclick = "mul()">x</button>
<button id = "chu" onclick = "divi()">/</button>
<button id = "deng" onclick = "i()">=</button>
</div>

<div>
<button id = "mjia" onclick = "emplus()">M+</button>
<button id = "mr" onclick = "emr()">MR</button>
<button id = "cl" onclick = "clean()">清除</button>
</div>
<button id = "po" onclick = "point()"> . </button>
<script>
var pm = document.getElementById("xs")
var czs1 = ""
var czs2 = ""
var fuh = '+'
var isno = 1 
var cc = ""
function one(){								//数字
	if(isno === 1){
		czs1 += 1 
	}
	if(isno === 2){
		czs2 += 1 
	}
	pm.innerHTML += 1
}
function two(){
	if(isno === 1){
		czs1 += 2 
	}
	if(isno === 2){
		czs2 += 2 
	}
	pm.innerHTML += 2
}
function three(){
	if(isno === 1){
		czs1 += 3 
	}
	if(isno === 2){
		czs2 += 3 
	}
	pm.innerHTML += 3
}
function four(){
	if(isno === 1){
		czs1 += 4 
	}
	if(isno === 2){
		czs2 += 4 
	}
	pm.innerHTML += 4
}
function five(){
	if(isno === 1){
		czs1 += 5 
	}
	if(isno === 2){
		czs2 += 5 
	}
	pm.innerHTML += 5
}
function six(){
	if(isno === 1){
		czs1 += 6 
	}
	if(isno === 2){
		czs2 += 6 
	}
	pm.innerHTML += 6
}
function seven(){
	if(isno === 1){
		czs1 += 7 
	}
	if(isno === 2){
		czs2 += 7 
	}
	pm.innerHTML += 7
}
function eight(){
	if(isno === 1){
		czs1 += 8 
	}
	if(isno === 2){
		czs2 += 8 
	}
	pm.innerHTML += 8
}
function nine(){
	if(isno === 1){
		czs1 += 9 
	}
	if(isno === 2){
		czs2 += 9 
	}
	pm.innerHTML += 9
}
function zero(){
	if(isno === 1){
		czs1 += 0 
	}
	if(isno === 2){
		czs2 += 0 
	}
	pm.innerHTML += 0
}
function add(){				//符号
	isno = 2 
	fuh = '+' 
	pm.innerHTML += '+'
}
function sub(){
	isno = 2 
	fuh = '-' 
	pm.innerHTML += '-'
}
function mul(){
	isno = 2 
	fuh = '*' 
	pm.innerHTML += '×'
}
function divi(){
	isno = 2 
	fuh = '/' 
	pm.innerHTML += '÷'
}
function yuns(){			//运算
	var a = Number(czs1)
	var b = Number(czs2)
	switch(fuh){
		case '+':
			return a + b
			break 
		case '-':
			return a - b
			break 
		case '*':
			return a * b
			break 
		case '/':
			return a / b
			break 
	}
}
function point(){
	if(isno === 1){
		czs1 += '.' 
	}
	if(isno === 2){
		czs2 += '.'
	}
	pm.innerHTML += '.'
}
function i(){					//显示答案
	isno = 1 
	var answer = yuns() 
	document.getElementById("xs").innerHTML = '答案：' + answer
	czs1 = String(answer)
	czs2 = ''
	fuh = ''
}
function emplus(){
	cc = czs1
}
function emr(){
	if(fuh != ""){
		czs2 = cc
		pm.innerHTML += czs2
	}else{
		czs1 = cc
		pm.innerHTML += czs1
	}
}
function clean(){
	pm.innerHTML = "答案："
	czs1 = ""
	czs2 = ""
	fuh = ""
}
</script>
</body>
</html>