How to make js generated elements interact properly with static html elements?

Question

Js student here.

I have made an example CODEPEN.

In this test case,as you can see in the above code on the right side i have 6 hardcoded html