[15.7.14]스택 html로 구현하기

오늘은 자료구조 시간에 배웠던 스택을

HTML5로 구현해보았다.

잠깐이면 될 줄 알았는데 누가 알았을까..

이렇게 오래 걸릴줄은..

위의 사진처럼 PUSH를 누르면 스택 추가,

POP을 누르면 삭제가 되는

간단한 스택을 만들어보려고한다.

HTML코드는 위와 같다.

특별히 어려운 부분은 없지만,

버튼이 추가되는 부분을 form으로 묶어 id를 부여했음을 유의해야한다.

자바스크립트 부분에는 새로운 부분이 있다.

스택을 삭제하는 2번함수에서

ElementId.parentNode.removeChild(ElementId)

이부분은 내가 직접 생성한 버튼을 삭제하는 함수인데,

이 함수를 사용하면 아래와 같은 상황이 벌어진다.

한번 pop으로 스택을 지우고 다시 추가하면 

이렇게 스택과 스택 사이에 간격이 생기게 되는 것이다.

하지만 도저히 다른 방법은 찾을 수 없어서 오늘은 여기까지만 해본다.