OneCompiler

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>