본문 바로가기
🎪 놀고있네/Javascript

[JS] JavaScript 출력하기 - alert 메소드

by 냥장판 2020. 3. 30.

 

 

 

안녕하세요 냥장판 입니다 

지난 게시글에서는 JavaScript에서 사용하는 출력 메소드에 대해 알아보았는데요.

2020/03/13 - [놀고있네/Javascript] - [JS] JavaScript 사용하기

 

[JS] JavaScript 사용하기

목표: JavaScript 사용하기 - 기본편 요약: HTML 문서에서 JavaScript 출력하기 외부에 있는 JavaScript 파일 호출하기 안녕하세요 냥장판 입니다 지난 게시글에서는 JavaScript를 사용하는 이유에 대해서 살펴봤..

miaow-miaow.tistory.com

이번 게시글에서는 가장 간단하게 데이터를 출력할 수 있는

window.alert() 메소드에 대해서 알아보겠습니다!

 

1. alert() 메소드 사용하기

JS를 작성하는 방법은

HTML을 사용해서 script 태그 사이에 작성하는 것이 간단해요.

페이지에 들어가자마자 alert 창이 표시되고, 

그 창에 위에 구문이 뜨게 되요.

windows.alert는 windows를 생략하고 alert만 사용해도 된답니다.

결과는

 

2. 버튼 클릭하여 alert 띄우기

 

위에 방법은 html에 접속하자마자 바로 alert 창이 떴어요.

이번에는 버튼을 클릭하고, alert 창을 띄우는 구문을 작성해 볼게요.

똑같이 HTML에 body 부분에 script로 작성을 할텐데요.

 

버튼을 생성해서 클릭 시 alertDialogBox 함수를 호출하는 겁니다.

alertDialogBox 함수는 script 태그 사이에 function 으로 정의되어 있고요

이 함수 안에 alert 메소드를 사용해보는 거죠.

결과는

 

버튼을 클릭하면

참 쉽죠?

 

그럼 이만!

 

'🎪 놀고있네 > Javascript' 카테고리의 다른 글

[JS] Javascript - Variable 이란  (0) 2021.12.10
[JS] HTML에서 JavaScript 분리하기  (4) 2020.04.21
[JS] JavaScript 사용하기  (0) 2020.03.13
[JS] JavaScript 란  (4) 2020.03.09
[JS] JavaScript Engine 이란  (3) 2019.12.14

댓글