Home »
JavaScript Examples
JavaScript | Example of Nested if
JavaScript Example of Nested if: Here, we have an example in which we are demonstrating an example of Nosed if in JavaScript.
Submitted by Pankaj Singh, on October 23, 2018
Example
In this example, we are reading salary of an employee and finding the discount and net pay based on given salary and discount rate.
Code (JS & HTML):
<!DOCTYPE html>
<HTML>
<HEAD>
<SCRIPT>
function Calculate(){
var sa=parseInt(document.getElementById("txta").value);
var disc=0.0;
var np=0.0;
if(sa>0){
if(sa>5000){
if(sa>15000){
if(sa>30000){
disc=sa*0.4;
}
else{
disc=sa*0.25;
}
}
else{
disc=sa*0.15;
}
}
else{
disc=sa*0.05;
}
document.getElementById("txtb").value=""+disc;
var np=sa-disc;
document.getElementById("txtc").value=""+np;
}
else{
alert('Invalid Sale Amount')
}
}
</SCRIPT>
</HEAD>
<BODY>
<h2>Nested If : True ladder</h2>
<hr />
<table>
<tr>
<td>
<label>Enter Sale Amount:</label>
</td>
<td>
<input type="text" name="txta" id="txta" />
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="button" value="Calculate Discount" onclick="Calculate()" />
</td>
</tr>
<tr>
<td>
<label>Discount</label>
</td>
<td>
<input type="text" name="txtb" id="txtb" readonly />
</td>
</tr>
<tr>
<td>
<label>Net Pay</label>
</td>
<td>
<input type="text" name="txtc" id="txtc" readonly />
</td>
</tr>
</table>
</BODY>
</HTML>
Output
JavaScript Examples »