Html
<!DOCTYPE html>
<html>
<head>
<title>Student Mark Details</title>
<script type="text/javascript">
// Student constructor function
function Student(exam, age, m1, m2, m3) {
this.exam = exam;
this.age = age;
this.m1 = m1;
this.m2 = m2;
this.m3 = m3;
}
// Main function to input and display student details
function studentDetails() {
var n = parseInt(prompt("Enter the number of records:"));
var arr = new Array(n);
// Inputting details for each student
for (var i = 0; i < n; i++) {
var name = prompt("Enter the name:");
var age = prompt("Enter the age:");
var m1 = prompt("Enter the mark 1:");
var m2 = prompt("Enter the mark 2:");
var m3 = prompt("Enter the mark 3:");
arr[i] = new Student(name, age, m1, m2, m3); // Store student details in the array
}
// Displaying student details
for (var i = 0; i < n; i++) {
document.write("<br><br>");
document.write("Name: " + arr[i].exam + "<br>");
document.write("Age: " + arr[i].age + "<br>");
document.write("Mark 1: " + arr[i].m1 + "<br>");
document.write("Mark 2: " + arr[i].m2 + "<br>");
document.write("Mark 3: " + arr[i].m3 + "<br>");
}
// Option to retrieve data again
if (confirm("Do you want to retrieve details again?")) {
document.write("<h3>Retrieving Student Data:</h3>");
for (var i = 0; i < n; i++) {
document.write("Name: " + arr[i].exam + "<br>");
document.write("Age: " + arr[i].age + "<br>");
document.write("Mark 1: " + arr[i].m1 + "<br>");
document.write("Mark 2: " + arr[i].m2 + "<br>");
document.write("Mark 3: " + arr[i].m3 + "<br><br>");
}
}
}
</script>
</head>
<body>
<h1>Student Marks Input and Display</h1>
<button onclick="studentDetails()">Enter Student Details</button>
</body>
</html>