javascript - 使用jquery得到求和结果后如何加上一个整数值？

Question

实际上，我想获取整数值，当我插入值时，这是有效的，假设我在输入中插入值4+5，然后我在结果中得到它，然后我得到了它在另一个 div 中，结果就像如果我得到 4+5 那么它应该是 9。

但是我得到了[object Object]

我的代码有什么问题？

$(document).ready(function(){
      
    $('button').click(function(){
         var oldValue;
         var getValue;
        var boxValue;
        
        oldValue = $('.box').text();
        getValue = $('.getValue').val();
       boxValue = $('.box').text(oldValue + getValue);
        
        $('.finalResult').text(boxValue);
    });
});
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Button</button> 
    <input type="text" class="getValue">
    
    <div class="box"></div>
    <div class="finalResult"></div>
    

Answer 1

$(document).ready(function(){
      
    $('button').click(function(){
         var oldValue;
         var getValue;
         var boxValue;
        
        oldValue = $('.box').text();
        getValue = $('.getValue').val();
        boxValue = $('.box').text(oldValue + getValue);
        
        $('.finalResult').text(Number(oldValue || '0') + eval(getValue));
    });
});
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Button</button> 
    <input type="text" class="getValue">
    
    <div class="box"></div>
    <div class="finalResult"></div>