عدّاد يتفاعل

تغيّر JavaScript الصفحة بعد تحميلها، والعمل فيها يمرّ دائمًا بثلاث خطوات: تختار عنصرًا، ثم تستمع إلى حدث يقع عليه مثل الضغط، ثم تغيّر شيئًا في الصفحة.

فالأمر document.querySelector('#btn') يختار العنصر، والدالة addEventListener('click', ...) تستمع إلى الضغط، والخاصية textContent تغيّر النصّ.

وستحتاج إلى متغيّر يحفظ العدد بين ضغطة وأخرى، فعرّفه خارج دالة الاستماع، وإلا عاد إلى الصفر مع كل ضغطة.