I want to show alert message

Question

This is running good, but i want to show alert message if sum of all input value not equal to hundred and stop on same page.

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

test your value [If else](https://www.w3schools.com/js/js_if_else.asp) then use [Alert](https://www.w3schools.com/jsref/met_win_alert.asp) — Ryad Boubaker, Apr 10 '17 at 11:30
You might want to avoid using `document.write` [after the page has finished loading](http://stackoverflow.com/questions/802854/why-is-document-write-considered-a-bad-practice). — James Thorpe, Apr 10 '17 at 11:30
But let me know how can i check all value is equl two hundred then show alert message — sanjay yadav, Apr 10 '17 at 11:30

Gaurav Chaudhary · Answer 1 · 2017-04-10T12:18:59.367

0

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

edited Apr 10 '17 at 12:18

answered Apr 10 '17 at 11:30

Gaurav Chaudhary

1,391
10
25

@sanjayyadav does it helps? – Gaurav Chaudhary Apr 10 '17 at 11:37
well gaurav need some small change , if alert only it's below two 100 if equl or max to 100 then query will success – sanjay yadav Apr 10 '17 at 12:08
@sanjayyadav like this? that's a minor change you can do yourself too – Gaurav Chaudhary Apr 10 '17 at 12:11
Hello gaurav I want stop redirection after popup message closed can you help me regarding to this – sanjay yadav Apr 10 '17 at 13:23
@sanjayyadav this is not a coding site. Post a different question if you are having some problem. Your statements are not clear, there is no redirection here – Gaurav Chaudhary Apr 10 '17 at 15:28
Gaurav @@can you help me count hundred number if any field, like if i put 100 number in one input filed and other is null then the script is run . without alert message – sanjay yadav Apr 11 '17 at 05:06

score 0 · Answer 2 · answered Apr 10 '17 at 11:32

0

If I clearly understood what you want, you can try this:

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;
}

I used return false in case you want to handle the result and take some other action.

answered Apr 10 '17 at 11:32

Ricardo Pontual

3,629
3
26
40

Ricardo Pontual@ I am using this , but i think i have to control this before submit this form – sanjay yadav Apr 10 '17 at 17:10
So you should use something like this: `` – Ricardo Pontual Apr 10 '17 at 17:39
Ricardo @@can you help me count hundred number if any field, like if i put 100 number in one input filed and other is null then the script is run . without alert message – sanjay yadav Apr 11 '17 at 05:04

score 0 · Answer 3 · answered Apr 10 '17 at 11:32

You can use alert() function to display alert popup

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

Please refer working snippet

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

Dhiraj @@can you help me count hundred number if any field, like if i put 100 number in one input filed and other is null then the script is run . without alert message — sanjay yadav, Apr 11 '17 at 05:03

score 0 · Answer 4 · answered Apr 10 '17 at 11:33

0

Replace

    document.write(sum);

with

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

answered Apr 10 '17 at 11:33

Bachcha Singh

3,372
3
21
34

Singh@ this is awesome answer by you , Thanks Man , – sanjay yadav Apr 10 '17 at 11:44
Glad I could help :) – Bachcha Singh Apr 10 '17 at 11:45
Bachcha @@can you help me count hundred number if any field, like if i put 100 number in one input filed and other is null then the script is run . without alert message – sanjay yadav Apr 11 '17 at 05:04
@Sanjay Yadav you can do this by following the code of Sumon Sarker. Add the function `function _get(ID) { return document.getElementById(ID); }` and replace the line `var my_input1 = _get('my_input1').value ? parseInt(_get('my_input1').value) : 0;` – Bachcha Singh Apr 11 '17 at 05:52
I hope this will help, Please let me know still you are facing issue. – Bachcha Singh Apr 11 '17 at 05:53

Sumon Sarker · Accepted Answer · 2017-04-11T05:31:11.590

0

Here is another solution

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

Here is the details about Conditional (ternary) Operator

edited Apr 11 '17 at 05:31

answered Apr 10 '17 at 11:36

Sumon Sarker

2,375
1
19
32

Ahh! Thank you! @sanjayyadav – Sumon Sarker Apr 10 '17 at 11:59
sumon@@can you help me count hundred number if any field, like if i put 100 number in one input filed and other is null then the script is run . without alert message – sanjay yadav Apr 11 '17 at 05:04
Ahh !Ok , Wait... Updating my answer @sanjayyadav – Sumon Sarker Apr 11 '17 at 05:07
It is already done in my answer. If you put `100` in any fields, the script will run without any alert message. @sanjayyadav – Sumon Sarker Apr 11 '17 at 05:10
please check this this code is not working , please see this – sanjay yadav Apr 11 '17 at 05:13
This code give only laert message. help needed if i feel hundred in one input box it's proceed without alert message . – sanjay yadav Apr 11 '17 at 05:18
Click on `Run code snippet` button and test the answer, @sanjayyadav – Sumon Sarker Apr 11 '17 at 05:18
yes I checking when I put 100 or 150 in one field its showing alert some is not equal to 100 – sanjay yadav Apr 11 '17 at 05:20
Just update your condition like `if(sum<100)` OR `if(sum>100)` @sanjayyadav – Sumon Sarker Apr 11 '17 at 05:23
You are most welcome! I updated answer with `if else`. So, you can set your alert or code in `if else` block. @sanjayyadav – Sumon Sarker Apr 11 '17 at 05:32

I want to show alert message

5 Answers5