如何使用 jquery 创建一个简单的生活计算器
How to create a simple live calcluter with jquery
示例输入
- 3 ( 3.00 + 4.50 )
- ( 5.00 - ( 2.50 * 3.00 ) )
- ( ( 7.00 / 3.00 ) + ( 4.00 - ( 3.00 * 7.00 ) ) )
示例输出
- 7.50
- -2.50
- -14.67
您可以使用 mathjs lib and in special way math.evaluate():
$('#expression').val('3 ( 3.00 + 4.50 )');
$('#doCalc').on('click', function(e) {
var ex = $('#expression').val();
var result = math.evaluate(ex);
$('#result').val(result);
}).trigger('click');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/7.2.0/math.min.js"></script>
Write an expression: <input id="expression" type="text" val="">
Result: <input id="result" type="text" id="result" val="">
<button id="doCalc">Click to calc</button>
示例输入
- 3 ( 3.00 + 4.50 )
- ( 5.00 - ( 2.50 * 3.00 ) )
- ( ( 7.00 / 3.00 ) + ( 4.00 - ( 3.00 * 7.00 ) ) )
示例输出
- 7.50
- -2.50
- -14.67
您可以使用 mathjs lib and in special way math.evaluate():
$('#expression').val('3 ( 3.00 + 4.50 )');
$('#doCalc').on('click', function(e) {
var ex = $('#expression').val();
var result = math.evaluate(ex);
$('#result').val(result);
}).trigger('click');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/7.2.0/math.min.js"></script>
Write an expression: <input id="expression" type="text" val="">
Result: <input id="result" type="text" id="result" val="">
<button id="doCalc">Click to calc</button>