Untitled

<!-- display.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Student Data</title>
</head>
<body>
    <h1>Student Data</h1>
    <div id="studentData"></div>
    
    <script>
        // Retrieve studentData from sessionStorage
        var studentData = JSON.parse(sessionStorage.getItem("studentData"));
        
        // Display student data on the page
        var studentDataDiv = document.getElementById("studentData");
        
        var nameElement = document.createElement("p");
        nameElement.textContent = "Name: " + studentData.name;
        studentDataDiv.appendChild(nameElement);
        
        var ageElement = document.createElement("p");
        ageElement.textContent = "Age: " + studentData.age;
        studentDataDiv.appendChild(ageElement);
        
        var emailElement = document.createElement("p");
        emailElement.textContent = "Email: " + studentData.email;
        studentDataDiv.appendChild(emailElement);
        
        var profilePicElement = document.createElement("img");
        profilePicElement.src = studentData.profilePic;
        studentDataDiv.appendChild(profilePicElement);
    </script>
</body>
</html>
Editor is loading...