我想显示警报讯息

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 _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();" /> 
 
     

这里是关于Conditional (ternary) Operator

Answer 2

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 3

如果我清楚地了解你想要什么，你可以试试这个：

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 4

您可以使用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 5

更换

document.write(sum); 

与

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