Percentage Calculator using html and Javascript
Percentage Calculator
<!DOCTYPE html>
<html> <head> <title>js form</title> <link rel="stylesheet" type="text/css" href="new\html\jstry.css"> </head> <body> <form form name="form" id="aa"> <div> <label>Name</label> </div> <input type="text" name="name" id="name"> <div> <label>Class</label> </div> <input type="number" name="" id="Class"> <div> <label>Roll no.</label> </div> <input type="text" name="" id="roll"> <div> <label> Total Marks</label> </div> <input type="number" name="" id="marks"> <div> <label>Full marks</label> </div> <div> <input type="number" name="" id="fm"> </div> <div> <button type="button" onclick="calculateResult()" id="save">Save</button> </div> </form> <br> <div> <table id="table" border="1" cellspacing="2" cellpadding="10px" align="center"> <tr> <th>Name</th> <th>class</th> <th>roll</th> <th>Marks</th> <th>full marks</th> <th>percentage</th> <th>divison</th> </tr> </table> </div> </body> <script> console.log(document.getElementById('aa')); function calculateResult() { var name = document.getElementById("name").value; var roll = document.getElementById("roll").value; var Class = document.getElementById("Class").value; var marks = document.getElementById("marks").value; var fm = document.getElementById("fm").value; var table = document.getElementById("table"); var percent = (marks / fm) * 100; console.log(marks); console.log(fm); console.log(percent); function per(){ var division; if (percent >= 80) { division = "dis"; } else if (percent >= 60) { division = "first"; } else if (percent > 45) { division = "second"; } else { division = "third"; } return division; } var row = table.insertRow(-1); row.insertCell(0).innerHTML = name; row.insertCell(1).innerHTML = Class; row.insertCell(2).innerHTML = roll; row.insertCell(3).innerHTML = marks; row.insertCell(4).innerHTML = fm; row.insertCell(5).innerHTML = percent; row.insertCell(6).innerHTML=per(); } </script> </html>
Comments
Post a Comment