-1

私は JavaScript プログラマーではありませんが、WordPress ページで行う必要がある計算に使用する必要があります。

必要なものは次のとおりです。

  • 数値 (フォーム) を入力できる html の 3 つのフィールド。
  • 乗算が「印刷」されるテキスト フィールド
  • 1 つの要素を変更すると、ボタンを押さなくても新しい結果が表示される必要があります。

これを行う方法について何か考えはありますか?そのように計算を行う方法は知っていますが、自動的に機能することはわかりません。

これまでに得たものは次のとおりです。

    <html>

<head>

<title>Simple Javascript Calculator - Basic Arithmetic Operations</title>


<script language="javascript" type="text/javascript">
function multiply(){
    a=Number(document.calculator.number1.value);
    b=Number(document.calculator.number2.value);
    c=a*b;
    document.calculator.total.value=c;
}
</script>



</head>

<body>

<!-- Opening a HTML Form. --> 
<form name="calculator">

<!-- Here user will enter 1st number. --> 
Number 1: <input type="text" name="number1"> 


<!-- Here user will enter 2nd number. --> 
Number 2: <input type="text" name="number2"> 


<!-- Here result will be displayed. --> 
Get Result: <input type="text" name="total"> 


<!-- Here respective button when clicked, calls only respective artimetic function. --> 
<<input type="button" value="MUL" onclick="javascript:multiply();">


</form>

</body>
</html>

ありがとう

4

3 に答える 3

1

これは特定の質問の問題には答えませんが、計算を行う良い方法はeval関数を使用することです。

http://jsfiddle.net/gL3YF/1/

HTML:

<input type="text" id="expression" value="1 + 1" />
<hr />
<h3 id="result"></h3>

Javascript:

var input = document.getElementById('expression');
input.onkeyup = function () {
    var result = document.getElementById('result');
    result.innerHTML = eval(this.value);
};

//evaluate initial value
input.onkeyup();
于 2013-05-24T19:41:24.447 に答える
1

onchange各要素でイベントを使用してinput、ユーザーが変更したときにinput[value]操作がトリガーされるようにします。また、onchange イベントがトリガーされたときにオペランドに適用されるように、以前に実行された操作をキャッシュする必要があります。

于 2013-05-24T19:45:15.133 に答える