我想顯示警報消息

Question

這運行得很好，但是如果所有輸入值的總和不等於一百，並且在同一頁面上停止，我想顯示警報消息。

 function doMath(){ // Capture the entered values of two input boxes var my_input1 = document.getElementById('my_input1').value; var my_input2 = document.getElementById('my_input2').value; var my_input3 = document.getElementById('my_input3').value; var my_input4= document.getElementById('my_input4').value; var my_input5 = document.getElementById('my_input5').value; var my_input6 = document.getElementById('my_input6').value; // Add them together and display var sum = parseInt(my_input1) + parseInt(my_input2) + parseInt(my_input3) + parseInt(my_input4) + parseInt(my_input5) + parseInt(my_input6); document.write(sum); } 

 <input type="text" id="my_input1" /></br> <input type="text" id="my_input2" /></br> <input type="text" id="my_input3" /></br> <input type="text" id="my_input4" /></br> <input type="text" id="my_input5" /></br> <input type="text" id="my_input6" /> <input type="button" value="Add Them Together" onclick="doMath();" /> 

Answer 1

 function doMath() { // Capture the entered values of two input boxes var my_input1 = document.getElementById('my_input1').value; var my_input2 = document.getElementById('my_input2').value; var my_input3 = document.getElementById('my_input3').value; var my_input4= document.getElementById('my_input4').value; var my_input5 = document.getElementById('my_input5').value; var my_input6 = document.getElementById('my_input6').value; // Add them together and display var sum = parseInt(my_input1) + parseInt(my_input2) + parseInt(my_input3) + parseInt(my_input4) + parseInt(my_input5) + parseInt(my_input6); if(sum >= 100){ document.write(sum); } else{ alert("sum is less than 100") } } 

 <input type="text" id="my_input1" /></br> <input type="text" id="my_input2" /></br> <input type="text" id="my_input3" /></br> <input type="text" id="my_input4" /></br> <input type="text" id="my_input5" /></br> <input type="text" id="my_input6" /> <input type="button" value="Add Them Together" onclick="doMath();" /> 

Answer 2

如果我清楚地了解您想要什么，則可以嘗試以下操作：

var sum = parseInt(my_input1) + parseInt(my_input2) + parseInt(my_input3) + parseInt(my_input4) + parseInt(my_input5) + parseInt(my_input6);

if (sum != 100) {
   alert('Different from a hundred')
   return false;
}

如果您想處理結果並采取其他措施，則我使用return false 。

Answer 3

您可以使用alert（）函數顯示警報彈出窗口

            if(sum!=100){
              alert("Sum is not equal to 100");
            }else{
              document.write(sum);
            }

請參考工作片段

 function doMath() { // Capture the entered values of two input boxes var my_input1 = document.getElementById('my_input1').value; var my_input2 = document.getElementById('my_input2').value; var my_input3 = document.getElementById('my_input3').value; var my_input4= document.getElementById('my_input4').value; var my_input5 = document.getElementById('my_input5').value; var my_input6 = document.getElementById('my_input6').value; // Add them together and display var sum = parseInt(my_input1) + parseInt(my_input2) + parseInt(my_input3) + parseInt(my_input4) + parseInt(my_input5) + parseInt(my_input6); if(sum!=100){ alert("Sum is not equal to 100"); }else{ document.write(sum); } } 

 <input type="text" id="my_input1" /></br> <input type="text" id="my_input2" /></br> <input type="text" id="my_input3" /></br> <input type="text" id="my_input4" /></br> <input type="text" id="my_input5" /></br> <input type="text" id="my_input6" /> <input type="button" value="Add Them Together" onclick="doMath();" /> 

Answer 4

更換

    document.write(sum);

同

    if(sum==100) {
        document.write(sum);
    } else {
        alert("show your messaage");    
    }

Answer 5

這是另一種解決方案

 function _get(ID){ return document.getElementById(ID); } function doMath(){ var my_input1 = _get('my_input1').value ? parseInt(_get('my_input1').value) : 0; var my_input2 = _get('my_input2').value ? parseInt(_get('my_input2').value) : 0; var my_input3 = _get('my_input3').value ? parseInt(_get('my_input3').value) : 0; var my_input4 = _get('my_input4').value ? parseInt(_get('my_input4').value) : 0; var my_input5 = _get('my_input5').value ? parseInt(_get('my_input5').value) : 0; var my_input6 = _get('my_input6').value ? parseInt(_get('my_input6').value) : 0; // Add them together and display var sum = my_input1 + my_input2 + my_input3 + my_input4 + my_input5 + my_input6; if(sum==100){ alert('Sum is = 100'); /*YOUR CODE HERE*/ }else if(sum<100){ alert('Sum is less than 100'); /*YOUR CODE HERE*/ }else if(sum>100){ alert('Sum is bigger than 100'); /*YOUR CODE HERE*/ } } 

 <input type="text" id="my_input1" /></br> <input type="text" id="my_input2" /></br> <input type="text" id="my_input3" /></br> <input type="text" id="my_input4" /></br> <input type="text" id="my_input5" /></br> <input type="text" id="my_input6" /> <input type="button" value="Add Them Together" onclick="doMath();" /> 

這是有關條件（三元）運算符的詳細信息