데이터 입출력(innerHTML 응용)

innerHTML 응용에서 해볼것은!

위에 사진처럼 하늘색 박스 안에 노란색박스를 추가하기 버튼을 누르면 아래 사진처럼 늘어나는 것을 해볼 것이다.

그렇다면 우선 html파일에서 head 태그 안에 style 태그를 만들어주고 그 안에서 스타일을 지정한 뒤

코드를 작성해주면 된다.

코드는 위와 같은 사진처럼 작성해주면 되는데

버튼에다가 onclick 이벤트를 걸었을때 add() 함수가 실행되게 작성한뒤

큰 박스를 나타내는 div 태그를 작성한후 그 안에 div 태그를 하나더 작성해주고

스타일에서 지정한것처럼 id or class 를 달아주고 js 파일을 만들어야 한다

js 코드는 이렇게 작성해주면 되는데 변수를 지정해두고 그 안에 저장후

변수명 += 작성코드 

이렇게 작성하면 전에 작성한 코드가 사라지지 않고 쌓이게 된다.