如何在 JQuery 计算器中增加总值的新值? 例如，2+2=4 然后 4+5=9

Question

我正在尝试在jQuery计算器中增加前一个方程的总值。例如，5 + 5 = 10然后添加10 + 5 = 15

$(document).ready(function() {
var evaluated = false;

$(".oprator").click(function() {
const val = evaluated ? $(this).text() : ($(".input").val() + $(this).text())
$(".input").val(val)
evaluated = false;
$("#butnplus").click(function() {
$(".input").val($(".input").val() + $("#butnplus").text())
});

$("#equal").click(function() {
$(".input").val((eval($(".input").val())))
evaluated = true;
});
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="input">
<button class="oprator" id="butn4">4</button>
<button class="oprator" id="butn6">6</button>
<button id="butnplus">+</button>
<button id="equal">=</button>

Answer 1

你不需要计算变量。而且您在butnPlus上添加点击事件，并在每次operator点击时添加equal，这是主要原因。

请参阅下面的代码片段：

$(document).ready(function() {
$(".oprator").click(function() {
const val = ($(".input").val() + $(this).text())
$(".input").val(val);
});
$("#butnplus").click(function() {
$(".input").val($(".input").val() + $("#butnplus").text())
});

$("#equal").click(function() {
$(".input").val((eval($(".input").val())));
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="input">
<button class="oprator" id="butn4">4</button>
<button class="oprator" id="butn6">6</button>
<button id="butnplus">+</button>
<button id="equal">=</button>

Answer 2

不确定这是否是您想要的，让我知道它是否有效:)

$(document).ready(function() {
$(".oprator").click(function() {
const val = $(".input").val() + $(this).text();
$(".input").val(val);
});
$("#butnplus").click(function() {
if (!$(".input").val()) { return false; }
$(".input").val($(".input").val() + $("#butnplus").text());
});
$("#equal").click(function() {
if (!$(".input").val()) { return false; }
$(".input").val((eval($(".input").val())))
});
$("#ac").click(function() {
$(".input").val('');
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="input">
<button class="oprator" id="butn4">4</button>
<button class="oprator" id="butn6">6</button>
<button id="butnplus">+</button>
<button id="equal">=</button>
<button id="ac">AC</button>