时间戳

首页 > 解决方案 > 如何在 JQuery 计算器中应用算术运算与第一次计算的总值

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

问题描述

我想说我如何在这个计算器中进行此操作。例如，如果我在此计算器中进行此计算 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>

标签： jquerycalculator

解决方案

您好，您可以使用 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>

推荐阅读