العداد لا يعمل في كود جافاسكريبت

يجب عليك أولا التفكير في المنطق الصحيح قبل البدأ في كتابة الكود ووضع خطوات الحل ومن ثم تحويله إلى كود.

لاحظ أنك يجب تعريف المتغير خارج دالة ال addEventListener حتى يتم الإحتفاظ بالقيمة للعداد ولا يتم جعله ب 1 دائما وأيضا يجب أن يكون ب 0 في البداية .

أيضا لم تقم بزيادة قيمة العداد أبدا حيث يجب أن تقوم بزيادة قيمة المتغير بداخل دالة addEventListener .

وأخيرا يجب وضع قيمة العداد في contnue وليس في button حيث button هو الزر ولا علاقة له بوضع قيمة العداد به.

let button = document.getElementById('button');
let contnue = document.querySelector('.contnue');

let numbers = 0;
button.addEventListener('click',function(event){
    numbers++;
    contnue.innerHTML = numbers;
});

في الكود الحالي، لقد أنشأت متغير numbers ولكن لم تعرف قيمته مسبقًا، مما يسبب خطأ أيضا يجب تهيئة المتغير numbers بقيمة بادئة (مثل 0) وتحديثه بشكل صحيح.

إليك كودًا مقترحًا يعمل:

let button = document.getElementById('button');
let contnue = document.querySelector('.contnue');
let numbers = 0; // تهيئة المتغير numbers بقيمة 0

button.addEventListener('click', function(event) {
    numbers += 1; // زيادة القيمة بمقدار 1 عند كل ضغطة
    contnue.innerHTML = `${numbers}`; // تحديث النص بالقيمة الجديدة
});

تأكد من أن لديك زرًا في HTML بمعرف button

<button id="button">اضغط هنا</button>

ثم أضف عنصرًا في HTML بعلامة

<span class="contnue">0</span> 

لعرض العداد.