محرر ويب أونلاين

<!DOCTYPE html>
<html>
<body>
    <h1>JSON Parse Function</h1>
    <button onclick="retrieveData()" type="button">Retrieve Data</button>
    <p id="fullName"></p>

// data إلى كائن عادي و تخزينه في المتغير data هنا قمنا بتحويل النص
            const data = JSON.parse(jsonData);

// fullName يساوي id في العنصر الذي يملك data هنا قمنا بعرض قيم خصائص الكائن
            document.querySelector('#fullName').innerText = data.firstName + ' ' + data.lastName;
        }
    </script>
</body>
</html>