You are on page 1of 3

<!

DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Results</title>

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-
BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

<!-- Optional theme -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-


theme.min.css" integrity="sha384-
rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-
Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>

</head>

<body>

<div class="jumbotron"><h1 align="center">Results</h1></div>

<div class="container">

<div class="row">

<div class="col-md-4"></div>

<div class="col-md-4">

<div class="panel panel-primary">

<div class="panel-heading">Result</div>

<div class="panel-body">

<form method="post">

<script type="text/javascript">
function MyResult() {

var a = parseInt(document.getElementById('l1').value);

var b = parseInt(document.getElementById('l2').value);

var c = parseInt(document.getElementById('l3').value);

var d = parseInt(document.getElementById('l4').value);

var e = parseInt(document.getElementById('l5').value);

var f = a+b+c+d+e;

document.getElementById('total').value=f;

function percentage() {

var result = parseInt(document.getElementById('total').value);

var result1 = parseInt(result)/500*100; //percentage formula

if(result1 < 35)

alert("Your Result Is Failed=" +result1+"%");

else

alert("Your Result Is Pass=" + result1 +"%");

</script>

<label>Software Engineering</label>

<input type="text" name="" id="l1" class="form-control" maxlength="2">

<label>CSS</label>

<input type="text" name="" id="l2" class="form-control" maxlength="2">

<label>Java</label>

<input type="text" name="" id="l3" class="form-control" maxlength="2">

<label>Python</label>
<input type="text" name="" id="l4" class="form-control" maxlength="2">

<label>M3</label>

<input type="text" name="" id="l5" class="form-control" onkeyup="MyResult()">

<label>Total</label>

<input type="text" name="" id="total" class="form-control"><br>

<input type="submit" name="submit" onclick="percentage()" id="per" class="btn btn-


success" value="Get Result">

</form>

</div>

<div class="panel-footer"></div>

</div>

</div>

<div class="col-md-4"></div>

</div>

</div>

</body>

</html>

You might also like