Interqctive Component in JS

Hello, It was tiring to make this js component but it's a victory for me. I have some questions :

• how to match event with our tag (li, button, input) using Event Delegation ? i have used this : if (event.target.classList[0] === document.querySelector(".card_rating_rate").classList[0]) ...
• what if we have to replace a div's content with another ? should we to generate html with js or hidden in html the other div and switch the first one to the second ? i have generate html with js, it's working but i don't know if it's really good to doing that.

Let me know if you have some question about my solution to this challenge. Thank you.