// Elegant JSON Form Example
document.addEventListener("DOMContentLoaded", function () {
    const form = document.getElementById("json-form");
    form.addEventListener("submit", function (e) {
        e.preventDefault();
        const name = document.getElementById("name").value;
        const email = document.getElementById("email").value;
        const age = document.getElementById("age").value;

        const jsonData = {
            name: name,
            email: email,
            age: age
        };

        const outputDiv = document.getElementById("output");
        outputDiv.innerHTML = `
            
البيانات المدخلة:
            
${JSON.stringify(jsonData, null, 2)}
        `;
    });
});