2017-09-01 11 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'を使って文字列を評価するか、文字列を自分自身で解析し、分割してoperation by step – user3154108

+1

'eval'を使用しないでください。最初の値を入力し、演算子(+、*、 - 、/)をクリックすると、以前の入力が保存され、整数に解析され、使用した演算子が保存されます入力フィールドが消去され、2番目の値の入力が求められます。たとえば、複数の演算子を配列にプッシュして連結することができます。 – Melcma

+0

***特に、ユーザが入力したテキストボックスには 'eval' ***を使用しないでください。ユーザーは好きなコードを置くことができます。実行すると、質問はありません。 –

答えて

関連する問題