0
我想通过使用jQuery来制作一个计算器。如何从一个字符串执行数学运算?我需要在输出框中显示计算器动作。如何使用jquery从字符串中执行数学运算
$(document).ready(function() {
$("input[type='button']").click(function() {
var inputtt = $(this).val();
var displayinput = $("#getinput").val();
$("#getinput").val(displayinput + inputtt);
})
$("#submit").click(function() {
var displayinput = $("#getinput").val();
var output = parseInt(displayinput);
$("#output").val(displayinput);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="calcform" method="post" style="background:lightgreen; padding:10px; ">
<input type="text" id="output" value="" placeholder="OUTPUT" readonly><br><br>
<input type="text" id="getinput" value="" placeholder="INPUT"><br><br>
<input type="button" class="btn" value="-">
<input type="button" class="btn" value="+">
<input type="button" class="btn" value="*">
<input type="button" class="btn" value="/">
<input type="button" class="btn" value="c"><br><br>
<input type="button" class="btn" value="0">
<input type="button" class="btn" value="1">
<input type="button" class="btn" value="2">
<input type="button" class="btn" value="3">
<input type="button" class="btn" value="4"><br><br>
<input type="button" class="btn" value="5">
<input type="button" class="btn" value="6">
<input type="button" class="btn" value="7">
<input type="button" class="btn" value="8">
<input type="button" class="btn" value="9"><br><br>
<button type="button" id="submit">=</button>
</form>
您可以使用' eval'来评估字符串,或者你可以自己解析字符串,分解并应用操作步骤 – user3154108
切勿使用'eval'。我可以推荐Windows 10计算器的方式:输入第一个值,当你点击一个运算符(+,*, - ,/)时,先前的输入被保存并解析为整数,这可以节省你使用的操作符,清除输入字段,并提示您输入第二个值。例如,您可以通过将多个操作员推送到数组来链接。 – Melcma
***不要使用'eval' ***,特别是对于用户输入的文本框。用户可以把他们喜欢的任何代码放在那里,然后你就可以运行它,不会问任何问题。 –