본문 바로가기

Programming/JavaScript

Linking a JavaScript File

밑에 코드블록을 </head> 전에 넣어줌

<script>
let js = 'amazing';
if (js === 'amazing') alert('JavaScript is FUN!');

console.log(40 + 8 + 23 - 10);
</script>

index.html:32 어느 파일의 몇 번째줄 코드 실행 결과인지 나타냄

그럼 Chrome에서 실행했을 때

팝업창에 alert안에 넣은 string 문구도 뜨고

developer tool Console 열면 숫자 계산한 값도 뜬다.

 

근데 이렇게 코드 중간에 매번 script를 넣어줘야 하냐?

더 나은 방법이 있음!

 

script.js 파일을 만들고

안에 코드를 옮긴다.

 

그리고 원래 코드가 있던 자리에는 source 파일명을 적어주면 됨

<body>
  <h1>JavaScript Fundamentals – Part 1</h1>
  <script src="script.js"></script>
</body>

실행 결과는?! 아까랑 똑같음

'Programming > JavaScript' 카테고리의 다른 글

Data Types (feat. 7 primitive data types)  (0) 2022.07.10
Values and Variables  (0) 2022.07.10
Hello World!  (0) 2022.07.07
Key Down Event  (0) 2022.03.11
Window Resizing  (0) 2022.03.11