2017-09-01 263 views
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>

+0

您可以使用' eval'来评估字符串,或者你可以自己解析字符串,分解并应用操作步骤 – user3154108

+1

切勿使用'eval'。我可以推荐Windows 10计算器的方式:输入第一个值,当你点击一个运算符(+,*, - ,/)时,先前的输入被保存并解析为整数,这可以节省你使用的操作符,清除输入字段,并提示您输入第二个值。例如,您可以通过将多个操作员推送到数组来链接。 – Melcma

+0

***不要使用'eval' ***,特别是对于用户输入的文本框。用户可以把他们喜欢的任何代码放在那里,然后你就可以运行它,不会问任何问题。 –

回答

相关问题