<html>
<head>
<script>
function display()
{
var a=document.forms["pay"]["emp"].value;
var b=document.forms["pay"]["dept"].value;
var c=document.forms["pay"]["des"].value;
var d=document.forms["pay"]["bs"].value;
var e=document.forms["pay"]["hra"].value;
var f=document.forms["pay"]["da"].value;
var g=+d+ +e+ +f;
document.write(a+ "<br>" +b+ "<br>" +c+ "<br>" +g);
}
</script>
</head>
<body>
<h1 align="Center">
Payslip
</h1>
<form name="pay" method="post" onsubmit="display()">
Name of Employee:<input type="text" name="emp"></input>
Department:<input type="text" name="dept"></input>
Designation:<input type="text" name="des"></input>
Basic Salary:<input type="text" name="bs"></input>
HRA:<input type="text" name="hra"></input>
DA:<input type="text" name="da"></input>
<input type="Submit"></input>
</body>
</html>