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'を使って文字列を評価するか、文字列を自分自身で解析し、分割してoperation by step – user3154108
'eval'を使用しないでください。最初の値を入力し、演算子(+、*、 - 、/)をクリックすると、以前の入力が保存され、整数に解析され、使用した演算子が保存されます入力フィールドが消去され、2番目の値の入力が求められます。たとえば、複数の演算子を配列にプッシュして連結することができます。 – Melcma
***特に、ユーザが入力したテキストボックスには 'eval' ***を使用しないでください。ユーザーは好きなコードを置くことができます。実行すると、質問はありません。 –