我试图弄清楚如何将num1 num2和func的值输出到用户看到的屏幕上。这是一个计算器应用程序即时试图完全功能。该应用程序已经工作,但我似乎无法得到数字和操作设置为变量func显示给用户的屏幕。 如果您需要更多信息,请让我知道。将值输出给用户
$(document).ready(function() {
var num1 = []
var num2 = []
var func = null
$('#one').click(function() {
if (func === null) {
num1.push('1')
console.log(num1)
} else {
num2.push('1')
console.log(num2)
}
});
$('#two').click(function() {
if (func === null) {
num1.push('2')
console.log(num1)
} else {
num2.push('2')
console.log(num2)
}
});
$('#three').click(function() {
if (func === null) {
num1.push('3')
} else {
num2.push('3')
}
});
$('#four').click(function() {
if (func === null) {
num1.push('4')
} else {
num2.push('4')
}
});
$('#five').click(function() {
if (func === null) {
num1.push('5')
} else {
num2.push('5')
}
});
$('#six').click(function() {
if (func === null) {
num1.push('6')
} else {
num2.push('6')
}
});
$('#seven').click(function() {
if (func === null) {
num1.push('7')
} else {
num2.push('7')
}
});
$('#eight').click(function() {
if (func === null) {
num1.push('8')
} else {
num2.push('8')
}
});
$('#nine').click(function() {
if (func === null) {
num1.push('9')
} else {
num2.push('9')
}
});
$("#zero").click(function() {
if (func === null) {
num1.push('0')
} else {
num2.push('0')
}
});
$('#plus').click(function() {
func = "+"
console.log(func)
});
$('#minus').click(function() {
func = "-"
});
$('#divide').click(function() {
func = "/"
});
$('#multiply').click(function() {
func = "*"
console.log(func)
});
$('#equals').click(function() {
if (func === "+") {
num1 = num1.join("")
number1 = parseInt(num1)
num2 = num2.join("")
number2 = parseInt(num2)
var complete = number1 + number2
console.log(complete)
} else if (func === "-") {
num1 = num1.join("")
number1 = parseInt(num1)
num2 = num2.join("")
number2 = parseInt(num2)
var complete = number1 - number2
console.log(complete)
} else if (func === "*") {
num1 = num1.join("")
number1 = parseInt(num1)
num2 = num2.join("")
number2 = parseInt(num2)
var complete = number1 * number2
console.log(complete)
} else if (func === "/") {
num1 = num1.join("")
number1 = parseInt(num1)
num2 = num2.join("")
number2 = parseInt(num2)
var complete = number1/number2
console.log(complete)
} else {
console.log("error")
}
});
$('#clear').click(function() {
num1 = []
num2 = []
func = null
console.log(num1)
console.log(num2)
console.log(func)
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js">
</script>
<div id="calculator-container">
<form class="show">
<input type="text" name="numbers" disabled><br>
</form>
<center>
<div class="calculator-view">
<table>
<tr>
<td>
<button id="clear" type="button">AC</button>
<button id="sign" type="button">+/-</button>
<button id="divide" type="button">÷</button>
</td>
</tr>
<tr>
<td>
<button id="seven" type="button">7</button>
<button id="eight" type="button">8</button>
<button id="nine" type="button">9</button>
<button id="multiply" type="button">X</button>
</td>
</tr>
<tr>
<td>
<button id="four" type="button">4</button>
<button id="five" type="button">5</button>
<button id="six" type="button">6</button>
<button id="minus" type="button">-</button>
</td>
</tr>
<tr>
<td>
<button id="one" type="button">1</button>
<button id="two" type="button">2</button>
<button id="three" type="button">3</button>
<button id="plus" type="button">+</button>
</td>
</tr>
<tr>
<td>
<button id="zero" type="button">0</button>
<button id="equals" type="button">=</button>
</td>
</tr>
</table>
</div>
绑定所有的点击次数也请添加您的HTML,什么是错误你越来越多了? –