선택하고 나면 크롬이 열리고 word-relay.html 파일이 실행됩니다.

그림 4-5 실행된 word-relay.html 파일

앞으로 자바스크립트 코드는 HTML 파일에서 <script>와 </script> 사이에 작성하면 됩니다. 이는 자바스크립트 코드를 위해 HTML에서 마련한 자리입니다. 주의할 점은 다른 HTML 태그들보다 script 태그가 아래에 있어야 한다는 점입니다. HTML은 위에서부터 아래로 실행되므로 화면을 그리는 태그들이 먼저 실행되어 웹 브라우저에 화면이 그려져야 script 태그에서 자바스크립트로 화면을 조작할 수 있습니다.

HTML 태그를 전부 화면에 그렸으니 자바스크립트로 HTML 태그를 조작하는 방법을 배워 보겠습니다.