대화상자
웹 브라우저 환경에서 JavaScript를 사용하여 대화상자를 표시한다.
- alert()
알림창을 띄어준다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
alert("안녕하세요");
</script>
</body>
</html>
- prompt()
사용자에게 입력받을 수 있는 입력 패널을 제공한다. 받는 데이터는 문자열이 된다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
prompt("당신의 이름을 적어주세요");
</script>
</body>
</html>
- confirm()
true/false를 입력하는 패널을 제공한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
confirm("당신은 여자입니까?")
</script>
</body>
</html>
'Frontend > JavaScript' 카테고리의 다른 글
| JavaScript의 기초 문법 : 함수 (0) | 2024.07.22 |
|---|---|
| JavaScript의 기초 문법 : 제어문 - 반복문(while / for) (0) | 2024.07.19 |
| JavaScript의 기초 문법 : 제어문 - 조건문 (if / switch-case) (0) | 2024.07.18 |
| JavaScript의 기초 문법 : 연산자 (0) | 2024.07.16 |
| JavaScript의 템플릿 리터럴이란? (0) | 2024.07.15 |
| JavaScript의 기초 문법 : 변수 (0) | 2024.07.15 |
| JavaScript의 기초 문법 : 타입 (0) | 2024.07.15 |
| JavaScript : 정규표현식이란? (0) | 2024.07.01 |