Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript if  else if... statement :  Example-1</title>
</head>
<body>
<h1 style="color: red">JavaScript : if else if statement</h1>
<h3> Here the if  else if.. statement check the grade of Math. with following condition : </h3>
<hr />
<p style="color:green;font-weight:bold">A+ (marks>=90) : A (marks>=80 and marks<90) : B+ (marks>=70 and marks<80) : B (marks>=60 
and marks<70) : C (marks<60) </p>
<form name="form1" action ="#">
Input the Math. marks<input type="text" name="text1" value=" " />
<br /><br />
<input type="button" value="Marks check"
onclick='marksgrade()' />
</form>
<script src="if-else-if-example1.js"></script>
</body>
</html>
 
function marksgrade()
{
if (document.form1.text1.value >=90)
alert('Grade A+');
else
if (document.form1.text1.value >=80 && document.form1.text1.value <90)
{
alert('Grade A');
}
else
if (document.form1.text1.value >=70 && document.form1.text1.value <80)
{
alert('Grade B+');
}
else
if (document.form1.text1.value >=60 && document.form1.text1.value <70)
{
alert('Grade B');
}
else
alert('Grade C');
}
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x