如何在 JQuery 计算器中应用算术运算与第一次计算的总值答案

【问题标题】：How can i apply arithmetic operation with total value of first calculation in JQuery calculator如何在 JQuery 计算器中应用算术运算与第一次计算的总值
【发布时间】：2020-02-04 06:43:53
【问题描述】：

我想说我如何在这个计算器中进行此操作。例如，如果我在此计算器中进行此计算 2 + 2 = 4，则在此计算中答案为 4，我想用答案进行新的计算前面的等式。例如，前面的方程答案是 4，我想要这个 2 + 2 = 4 然后 4 + 2 = 6 。

<body>
    <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>
</body>


<script>
    $(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>

【问题讨论】：

你在找什么

标签： jquery calculator

【解决方案1】：

您好，您可以使用 eval 函数来评估您的表达式。

$(document).ready(function () {
        $("#butnplus").click(function () {
           if($(".input").val()=="")
              return false;
           else{
              $(".input").val($(".input").val() + $(this).text())
           }
        });
         $("#butn4").click(function () {
             if($(".input").val()=="")
               $(".input").val($(this).text())
           else{
              $(".input").val($(".input").val() + $(this).text())
           }
        });
        $("#butn6").click(function () {
           if($(".input").val()=="")
               $(".input").val($(this).text())
           else{
              $(".input").val($(".input").val() + $(this).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>
<body>
    <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>
</body>

【讨论】：