자바스크립트 개발 3 - DOM(1)

이번에는 DOM을 써서 개발을 진행해 볼 것이다.

 

Button을 클릭하면 계속 Good!이 출력하게 한다.

 

이때 insertAdjacentHTML을 사용한다.

https://www.w3schools.com/JSREF/met_node_insertadjacenthtml.asp

 

 

이렇게 만들기 위한 코드는 다음과 같다.

 

여기서 insertAdjacentHTML을 사용하면 앞의 것처럼
Insert a paragraph버튼을 누르면 계속 My new paragraph 나온다.

 

이것을 응용하면 될 것이다.