자바스크립트 Javascript 메시지 출력 alert() 함수 사용하기

alert() 함수는 JavaScript에서 사용자에게 메시지를 표시하기 위해 사용하고 있습니다. alert() 함수는 사용자에게 중요한 정보, 경고 또는 알림을 제공하거나 상호작용을 유도합니다. 사용자와의 커뮤니케이션을 단순하게 구현할 수 있기 때문에 주로 경고 메시지를 표시하거나 사용자에게 필요한 정보를 제공하는 데 활용하고 있습니다.

 

 

 

◎ 1. alert() 함수 문법

 

message 매개변수로 전달된 문자열 메시지를 모달 대화 상자로 표시합니다.

 

alert(message)   l  message : 매개변수로 전달된 문자열

 

 

◎ 2. 사용 예제 및 설명

 

(1) 간단한 경고 메시지 표시

 

alert("안녕하세요! 환영합니다.");

 

이 예제에서 alert() 함수는 "안녕하세요! 환영합니다."라는 문자열을 모달 대화 상자로 표시합니다. 사용자는 이 메시지를 확인 버튼을 클릭해서 확인할 수 있으며, 이런 식으로 간단한 정보나 안내를 제공할 수 있습니다.

 

(2) 변수의 값을 메시지로 표시

 

const age = 30; alert("나이: " + age);

 

alert() 함수는 변수 age의 값을 메시지로 표시합니다. 이를 통해 변수나 계산된 결과를 사용자에게 표시할 수 있습니다.

 

(3) 사용자 입력과 함께 경고 메시지

 

const username = prompt("사용자 이름을 입력하세요:"); alert("안녕하세요, " + username + "님!");

 

이 예제에서 prompt() 함수를 사용하여 사용자로부터 입력을 받은 다음, 입력받은 사용자 이름을 포함한 환영 메시지를 alert() 함수를 통해 표시합니다.

 

(4) 사용자 응답 처리

 

const result = confirm("계속하시겠습니까?"); if (result) {     alert("계속합니다."); } else {     alert("취소되었습니다."); }

 

confirm() 함수를 사용하여 사용자에게 "계속하시겠습니까?"라는 질문을 묻고, 사용자의 응답에 따라 다른 메시지를 alert() 함수를 통해 표시합니다.

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법