자바스크립트 html 파일과 연결하기 , alert( )

자바스크립트는 웹 페이지를 좀더 동적으로 표현할수있게 해줍니다.

경고창을 띄운다던지 애니메이션을 보여준다던지.

그전에 html 파일과 js파일은 연결하고 확인해보는 과정을 해보려고합니다.

 

HTML 파일 sample.html

1. vs코드를 열고 폴더에 다음과같이 html 파일과 js파일을 만들었습니다.

 

2. html 파일에 

 <script src="./sample.js"></script>

src에는 경로입니다....

그럼 잘 연결되었는지 확인하기위해서 경고창을 띄워보겠습니다.

 

JavaScript 파일 sample.js

경고문을 띄우는 명령어는 alert입니다.

alert( ) <- 괄호안에 '' 문자열 타입으로 넣어주면 됩니다. 

자바 스크립트 문자열은 '' "" 모두 인식합니다.

저장후 홈페이지 새로고침을 하면 아래처럼 경고창이 나오게됩니다.