JavaScript에서 alert() 메서드를 사용하면 변수에 저장된 값을 손쉽게 경고창(알림 창)에 표시할 수 있습니다. 여러 개의 변수나 문자열을 더하기 연산자(+)로 연결하여 하나의 메시지로 출력하는 것도 가능합니다.
기본 예제
아래 코드는 버튼을 클릭하면 두 변수의 값을 조합하여 경고창에 출력하는 간단한 예제입니다.
<html>
<head>
<script>
function display() {
var a = "Simple";
var b = "Learning";
alert(a + " Easy " + b);
}
</script>
</head>
<body>
<input type="button" value="Click me!" onClick="display();">
</body>
</html>코드 설명
- 변수 선언:
var키워드로 문자열 변수a와b를 선언하고 각각 값을 할당합니다. - alert() 호출:
alert(a + " Easy " + b)처럼 변수와 문자열을 연결하면 결과인 "Simple Easy Learning"이 경고창에 표시됩니다. - 버튼 이벤트:
onClick="display();"속성을 통해 버튼을 클릭할 때마다 함수가 실행되어 알림창이 나타납니다.
참고 사항
숫자형 변수도 동일한 방식으로 표시할 수 있으며, 최신 JavaScript에서는 var 대신 let이나 const를 사용하는 것이 권장됩니다. 또한 디버깅 목적이라면 alert()보다 브라우저 콘솔에 출력하는 console.log()가 더 효율적인 경우가 많습니다.