انتقل إلى محتوى الدرس

Create element by event in JavaScript انشاء عنصر بعد الضغط علي زر الفأرة mouse في لغة جافا سكريبت

ستتعلم في هذا الدرس كيفة انشاء عناصر جديدة داخل صفحة HTML بلغة جافا سكريبت عن طريق الشجرة DOM Tree ايضاً بعد عملية الأنشاء يجب أن تقوم بأضافة محتوي لهذا العنصر ثم الحاقة داخل عنصر أخر في صفحة HTML.

1 صفوف تعليمية
جافا سكريبت
5,698 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

من الضروري أظهار أجزاء عند تفاعل المستخدم من صفحة الويب عندما يقوم بالنقر علي جزء معين أو احتكان معين وذلك عن طريق جافا سكريبت Events.

Add element after click

اضافة عنصر بعد النقر علي زر المفأرة mouse داخل صفحة HTML في لغة جافا سكريبت.

HTML
let button = document.getElementById('button');
button.addEventListener("click",()=>{
   let apple = document.createElement('h1');
   apple.innerText = "Welcome To CloseTag.com";
   document.body.prepend(apple);
});