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; 

但你得到的值是字符串格式，所以你需要將其轉換爲整數或浮點數，所以你必須把它強制轉換爲整數或浮點數，像這樣：

text1 = parseFloat(text1); 

，然後給出的價值結果框似è這樣：

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

或另一種方式是：

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>