DOM (Document Object Model) — brauzer HTML sahifani JavaScript orqali boshqarish uchun ishlatadigan struktura. Har qanday interaktiv veb-sahifa DOM bilan ishlaydi.

Elementni topish

const sarlavha = document.querySelector("h1");
const barchaTugmalar = document.querySelectorAll("button");

Kontentni o'zgartirish

sarlavha.textContent = "Yangi sarlavha";
sarlavha.style.color = "blue";

Hodisalarni (event) ushlash

const tugma = document.querySelector("#yubor");

tugma.addEventListener("click", function () {
  alert("Tugma bosildi!");
});

Yangi element qo'shish

const yangiElement = document.createElement("p");
yangiElement.textContent = "Bu yangi paragraf";
document.body.appendChild(yangiElement);

Maslahat: console.log(element) orqali elementni konsolda ko'rib, qaysi xususiyatlari mavjudligini tekshirib ko'ring.