1. JavaScript Objects & JSON
Objects store structured key-value data mappings.
⊞HTML5 Web Code (index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS Objects & JSON</title>
</head>
<body style="background:#17181c; color:#fff; font-family:Arial; padding:30px;">
<h2>Student Profile Object</h2>
<pre id="json-view" style="background:#0c0c0c; padding:15px; border-radius:8px; color:#04AA6D;"></pre>
<script>
const student = {
id: 101,
name: "Manoj Kumar",
role: "Full Stack Developer",
skills: ["HTML", "CSS", "JS", "C++"],
certified: true
};
// Serialize to formatted JSON string
const jsonString = JSON.stringify(student, null, 2);
document.getElementById("json-view").textContent = jsonString;
</script>
</body>
</html>