JavaScriptの電卓（簡易）

Question

テキストフィールドで、値を指定してボタンで数えます。私はなぜそんなに考えないのか分からないのですか？あなたはスイッチを介して、原則的にそれを実装する必要がありますが、操作はカウントされない理由を私は理解できません：+、 - 、*、/

<p> 
    <label for="text1">FirstNum</label> 
    <input type="text" id="text1"><br> 
    <label for="operation">Operation</label> 
    <input type="text" id="operation"><br> 
    <label for="text2">SecondNum</label> 
    <input type="text" id="text2"><br> 
    <label for="text3">Result</label> 
    <input type="text" id="text3"><br><br> 
    <input type="button" value="ClickResult" onclick="Calc()"> 
</p> 

<script> 

    function Calc(operation) { 
    //var op; 
    switch(operation) { 
     case '+': 
     text3.value = text1.value + text2.value; 
     break; 
     case '-': 
     text3.value = text1.value - text2.value; 
     break; 
     case '/': 
     text3.value = text1.value/text2.value; 
     break; 
     case '*': 
     text3.value = text1.value * text2.value; 
     break; 
    }  
} 

</script> 

Answer 1

あなたがそうのようなテキストボックスの値を取得する必要があります。

var text1 = document.getElementById('text1').value; 

しかし、あなたが得る値は、あなたがint型にそれを型キャストかそこらのようにフロートする必要がありますのでintやfloat型に変換する必要があるので、文字列の形式になります。その後、

text1 = parseFloat(text1); 

とで値を配ります結果ボックスは好きです

document.getElementById('text3').value = result of the calculation 

または別の方法がある：eはそう

var result = document.getElementById('text3'); 
result.value = result of computation 

<p> 
 
    <label for="text1">FirstNum</label> 
 
    <input type="text" id="text1"><br> 
 
    <label for="operation">Operation</label> 
 
    <input type="text" id="operation"><br> 
 
    <label for="text2">SecondNum</label> 
 
    <input type="text" id="text2"><br> 
 
    <label for="text3">Result</label> 
 
    <input type="text" id="text3"><br><br> 
 
    <input type="button" value="ClickResult" onclick="Calc()"> 
 
</p> 
 
     
 
<script> 
 

 
    function Calc() { 
 
    var text1 = document.getElementById('text1').value; 
 
    var text2 = document.getElementById('text2').value; 
 
    var operation = document.getElementById('operation').value; 
 
    var text3 = document.getElementById('text3'); 
 
    text1 = parseFloat(text1); 
 
    text2 = parseFloat(text2); 
 
    //var op; 
 
    switch(operation) { 
 
     case '+': 
 
     text3.value = text1 + text2; 
 
     break; 
 
     case '-': 
 
     text3.value = text1 - text2; 
 
     break; 
 
     case '/': 
 
     text3.value = text1/text2; 
 
     break; 
 
     case '*': 
 
     text3.value = text1 * text2; 
 
     break; 
 
    } 
 

 
    } 
 
    
 
</script>