有人可以帮我弄清楚,因为我是新来的JavaScript。我尝试了一个简单的计算器使用jQuery。但是当我尝试在文本框中添加一个值的同时点击它,它不起作用。这里是代码片段。提前感谢。使用在文本框中添加附加(值)时遇到麻烦,同时点击一个按钮
请找到https://jsfiddle.net/jananivaish/hwLa72yu/
<body>
<div class="calc">
<h1>Calculator </h1>
<input id="display" name="display" />
<input id="Result" name="result" />
<table>
<tr class="row">
<td> <button value="7" name="7" class="number" id="seven">7</button> </td>
<td> <button value="8" name="8" id="eight" class="number">8</button> </td>
<td> <button value="9" name="9" id="nine" class="number">9</button> </td>
<td> <button value="+" name="sum" id="sum" class="number">+</button> </td>
</tr>
<tr class="row">
<td> <button value="4" name="4" id="four" class="number">4</button> </td>
<td> <button value="5" name="5" id="five" class="number">5</button> </td>
<td> <button value="6" name="6" id="six" class="number">6</button> </td>
<td> <button value="-" name="sub" id="sub" class="number">-</button> </td>
</tr>
<tr class="row">
<td> <button value="1" name="1" id="one" class="number">1</button> </td>
<td> <button value="2" id="two" class="number">2</button> </td>
<td> <button value="3" id="three" class="number">3</button> </td>
<td> <button value="*" id="mul" class="number"> * </button> </td>
</tr>
<tr class="row">
<td> <button value="0" class="number" name="0" id="zero">0</button> </td>
<td> <button value="=" id="equal">=</button> </td>
<td> <button value="dot" class="number" id="dot">.</button> </td>
<td> <button value="/" id="divi" class="number">/</button> </td>
</tr>
</table>
<button id="clear" class="clear">clear</button>
</div>
</body>
$(document).ready(function() {
$(".number").click(function() {
var value = $(this).val();
$("#display").append(value);
});
$("#equal").click(function() {
var calc = $("#display").text();
var answer = eval(calc);
$("#Result").text(answer);
});
$(".clear").click(function() {
$("#display").text("");
$("#Result").text("");
});
});