In this session today we will study the conditional statements of java script which includes
if ,if. .else ,if…..else if..else and switch statement.
- To implement the above mentioned conditional statements write the following code in Notepad++ or any other text editor.
<!Doctype html> <html> <head> <title>Javascript Conditionals</title> </head> <body> <h1>This is an if statement</h1> <script> x = 5; if(x > 2){ document.write(+x+' is greater'); } </script> <br /> <br /> <h1>This is an if else statement</h1> <script> x = 1; if(x > 2){ document.write(+x+ ' is greater'); } else { document.write(+x+ ' is less'); } </script> <br /> <br /> <h1>This is an if else statement with relationaly operator</h1> <script> x = 1; if(x > 2 && x < 10){ document.write('True'); } else { document.write('False'); } </script> <br /> <br /> <h1>Thi is an if statement with or operator </h1> <script> x = 20; if(x < 10 || x == 20){ document.write('True'); } else { document.write('False'); } </script> <br /> <br /> <h1> This is an if...else if...else statement</h1> <script> x = 5; if(x == 2){ document.write('x is 2'); } else if(x == 5) { document.write('x is 5'); } else { document.write('x is not 2 or 5'); } </script> <br /> <br /> <h1> This is an switch statement</h1> <script> x = 4; switch(x){ case 2: document.write('x is 2'); break; case 5: document.write('x is 5'); break; default: document.write('x is not 2 or 5'); break; } </script> <br /> </script> </body> </html>
- After writing the code you will have the following view of your Notepad++ window :
- When you open your file in the browser you will have the following output :
- Thus we have understood the use and implementation of conditional statements in JavaScript.