script.js

let students = [];

document.getElementById("addStd").addEventListener('click', (e) => {
    e.preventDefault();
    const name = document.getElementById('name').value;
    const dob = document.getElementById('DOB').value;
    const address = document.getElementById('address').value;
    const phone = document.getElementById('phone').value;
    const email = document.getElementById('email').value;
    
    if (name && dob && address && phone && email) {
        const student = {
            name,
            dob,
            address,
            phone,
            email
        };
        students.push(student);
        document.getElementById('stdForm').reset();
        alert('Student added successfully!');
    } else {
        alert('Please fill out all fields');
    }  
});

document.getElementById("data").addEventListener('click', () => {
    const outputDiv = document.getElementById('output');
    
    if (students.length === 0) {
        outputDiv.innerHTML = '<p>No student data available</p>';
    } else {
        const jsonData = JSON.stringify(students, null, 2);
        outputDiv.innerHTML = `<pre>${jsonData}</pre>`;
    }
    
    // Show the output div when button is clicked
    outputDiv.style.display = 'block';
});