JS — DOM

مقدمة

DOM يسمح لـ JavaScript بقراءة وتعديل عناصر HTML.

ماذا ستتعلم؟

• querySelector
• textContent
• classList
• createElement

الصياغة

document.querySelector("h1").textContent = "مرحبا";

مثال

const btn = document.querySelector("#btn");
btn.addEventListener("click", ()=>{
  document.querySelector("#msg").textContent = "تم الضغط!";
});

ملاحظات

• استخدم addEventListener بدل onclick.
• فضّل textContent على innerHTML.

  جرّب بنفسك: افتح Playground: /ar/playground/html