[DOM] Does the event listener disappear when innerHTML is manipulated?

[hochan222]

If the first button is pressed and the second button is pressed, it does not work. Where did I go wrong? Below is that link.

• The first is the input to input the car name based on ','. (ex) EAST, WEST, SOUTH, NORTH
• The second is the input to receive the 'count'. (ex) 42

https://codesandbox.io/embed/divine-wildflower-yitik?fontsize=14&hidenavigation=1&theme=dark

---

In the CarNameComponent.js, sectionElement.innerHTML += JSX; part is the problem.

[hochan222]

https://stackoverflow.com/questions/595808/is-it-possible-to-append-to-innerhtml-without-destroying-descendants-event-list

헐.. innerHTML 을 사용하면 자식의 모든 노드는 파괴된다.

---

  const render = (JSX: string): void => {
    const sectionElement = document.getElementById('app');
    if (sectionElement) {
      sectionElement.insertAdjacentHTML('beforeend', JSX);
      // sectionElement.innerHTML += JSX;
    }
    return ;
  };

insertAdjacentHTML 로 변경!