السلام عليكم .
الخطأ في الكود أن حضرتك قمتى بوضع ال eventListener بداخل ال cx() function
bttn.addEventListener("click",(params) => {
let er= setInterval(() => { cx(); } , 3);
setInterval(() => {
clearInterval(er)
}, 3000);
})
إذا فإن هذا الجزء من الكود لن يتم تنفيذه إلا باستدعاء ال cx() function حيث ان الدوال لا يتم تنفيذ الاكواد بداخلها إلا عندما يتم إستدعائها.
وال cx() function لا تستدعى إلا بالضغط على زر randam.
إذا قمتى بالضغط على زر randam ثم الضغط على randam heart ستجدينه يعمل .
وبذلك فإن الحل هو وضع هذا الجزء خارج نطاق ال cx() function ومن الافضل وضعها فى ال global scope في نهاية الكود .
let bttn =document.getElementById("bttn")
bttn.addEventListener("click",(params) => {
let er= setInterval(() => { cx(); } , 3);
setInterval(() => {
clearInterval(er)
}, 3000);
})