HTML 문서에서 소스 작성&외부 스크립트 파일 연결

2021년 첫 목표는『Doit! 웹 프로그래밍을 위한 자바스크립트 기본편』으로 자바스크립트 기본 익히기🙂
아주 기초부터 차근차근 포스팅할 예정입니다.

HTML 문서에서의 자바스크립트 소스 작성

HTML 문서 안에서 아래와 같이 script 태그를 이용하여 소스 코드를 작성합니다.
이 태그는 HTML 어디서나 사용가능하지만 주로 문서 내용이 끝나는 </body> 앞에 작성합니다.
한 문서 안에 여러 script 태그가 있을 수 있고, 각 소스는 해당 위치에서 실행됩니다.

<script>
    var cat = prompt("고양이 이름이 무엇이에요?");
    document.write("<b><big>" + cat + "</big></b>이라니, 예쁘네요.");
</script>

외부 스크립트 파일 연결

효율과 확장성을 위해 일반적으로 HTML 문서와 자바스크립트 소스를 분리하여 사용합니다.
HTML 문서에서 자바스크립트 소스를 삽입하고 싶은 곳에 아래와 같이 소스 코드가 있는 경로를 작성합니다.
이때, 연결하는 소스 파일의 위치는 해당 HTML 파일이 저장된 디렉토리거나 하위 디렉토리이면 더 편리합니다.

<script src="binoo/dada.js"></script>

'dada.js' 에는 아래와 같이 script 태그 안의 내용만 있습니다. 태그는 필요없습니다.

var cat = prompt("고양이 이름이 무엇이에요?");
document.write("<b><big>" + cat + "</big></b>이라니, 예쁘네요.");