How to create Result Card | Marks Sheet |
Create Result Card using HTML And Javascript..
1-Create html file
2-Copy Code
3-Paste in html file
4-and Save
=================================================
<html>
<head>
<title>Result Card</title>
<script>
name="Mr Tech 001";
roll= 23;
english=33;
computer=33;
math=33;
total=300;
ob= english + computer + math;
per= ob*100/total;
avg=ob/3;
if(per>=33){
result = "Pass";
}
else{
result = "Fail";
}
if(per>=90){
grade="A";
}
else if(per>=80){
grade="B";
}
else if(per>=70){
grade="C";
}
else{
grade="D";
}
</script>
</head>
<body>
<table align="center" border="1" width="350" bgcolor="skyblue" style="text-align:center; font-family: calibri;">
<tr>
<td colspan="2">
<h1 align="center">Result Card</h1>
</td>
</tr>
<tr>
<th>Name</th>
<th><script>document.write(name);</script></th>
</tr>
<tr>
<td>Roll No</td>
<td><script>document.write(roll);</script></td>
</tr>
<tr>
<td>English</td>
<td><script>document.write(english);</script></td>
</tr>
<tr>
<td>Computer</td>
<td><script>document.write(computer);</script></td>
</tr>
<tr>
<td>Math</td>
<td><script>document.write(math);</script></td>
</tr>
<tr>
<td>Total Marks</td>
<td><script>document.write(total);</script></td>
</tr>
<tr>
<td>Obtained Marks</td>
<td><script>document.write(ob);</script></td>
</tr>
<tr>
<td>Percentage</td>
<td><script>document.write(per);</script></td>
</tr>
<tr>
<td>Average</td>
<td><script>document.write(avg);</script></td>
</tr>
<tr>
<td>Grade</td>
<td><script>document.write(grade);</script></td>
</tr>
<tr>
<td>Fail / Pass</td>
<td><script>document.write(result);</script></td>
</tr>
</table>
</body>
</html>
====================================
Download File
Click here to watch this video Project
How to create Result Card | Marks Sheet | JavaScript Tutorial | Mr Tech 001
No comments:
if you have any doubts, please let me know