HTML과 CSS의 사용을 최소화하고 자바스크립트만으로 화면 요소를 배치하고 디자인할 수도 있습니다. 하지만 프로그램이 상당히 복잡해집니다. 따라서 화면 요소는 HTML로 배치하고 디자인은 CSS로 합니다. HTML과 CSS에 화면 업무를 분담하면 자바스크립트가 담당해야 하는 부분이 줄어듭니다. 자바스크립트는 화면을 신경 쓰지 않고 프로그램의 동작만 담당하면 되니까요. 바꿔 말하면 자바스크립트 입문자인 여러분에게 부담을 적게 줍니다. 하지만 어쩔 수 없이 자바스크립트로 화면과 디자인을 수정할 일이 생기기도 합니다.

웹 프로그램을 만들 때 필수 언어는 HTML과 자바스크립트입니다. HTML은 웹 프로그램을 실행할 수 있는 파일의 확장자가 HTML이므로 사용해야 하고, 자바스크립트는 동작을 프로그래밍하는 데 사용합니다. CSS는 자바스크립트로 쉽게 조작할 수 있습니다.

HTML과 자바스크립트 중에서는 자바스크립트가 더 중요합니다. 프로그램이 원활하게 작동하는 일은 자바스크립트가 담당하므로 자바스크립트로 HTML을 조작할 수 있어야 합니다. 그래서 이 장에서는 본격적으로 웹 프로그램을 만들기 전에 자바스크립트로 HTML을 조작하는 방법을 알아보겠습니다.