script.js

document.addEventListener("DOMContentLoaded", () => {
    const toggleFormButton = document.getElementById("toggleFormButton");
    const studyForm = document.getElementById("studyForm");
    const addToScheduleButton = document.getElementById("addToScheduleButton");
    const studySchedule = document.getElementById("studySchedule");

    toggleFormButton.addEventListener("click", () => {
        if (studyForm.style.display === "none" || studyForm.style.display === "") {
            studyForm.style.display = "block";
        } else {
            studyForm.style.display = "none";
        }
    });

    addToScheduleButton.addEventListener("click", (event) => {
        event.preventDefault();

        const dayInput = document.getElementById("dayInput").value;
        const subjectInput = document.getElementById("subjectInput").value;
        const timeInput = document.getElementById("timeInput").value;

        if (dayInput && subjectInput && timeInput) {
            const scheduleItem = document.createElement("div");
            scheduleItem.className = "schedule-item";
            scheduleItem.innerHTML = `<strong>Day:</strong> ${dayInput} <br> <strong>Subject:</strong> ${subjectInput} <br> <strong>Time:</strong> ${timeInput}`;
            studySchedule.appendChild(scheduleItem);

            // Clear the form inputs
            document.getElementById("dayInput").value = "";
            document.getElementById("subjectInput").value = "";
            document.getElementById("timeInput").value = "";
            studyForm.style.display = "none";
        }
    });
});