1. 알림창 출력하기 -alert(메시지)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>알림창 만들기</title>
</head>
<body>
<script>
alert("안녕하세요?");
</script>
</body>
</html>
2. 확인창 출력하기 -confrim(메시지)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>확인창 만들기</title>
</head>
<body>
<script>
var reply=confirm("정말 배경 이미지를 바꾸겠습니까?");
</script>
</body>
</html>
3. 프롬프트 창에서 입력받기 - promt(메시지) 또는 prompt(메시지, 기본값)
- 기본값 지정
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>프롬프트 창의 기본값 지정하기</title>
</head>
<body>
<script>
var name=prompt("이름을 입력하세요.","아무개");
</script>
</body>
</html>
- 기본값 지정 x
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>프롬프트 창의 기본값 지정하지 않기</title>
</head>
<body>
<script>
var name=prompt("이름을 입력하세요.");
</script>
</body>
</html>
4. document.write()문 - 웹 브라우저 화면에 출력 담당
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이름 받아서 화면에 표시하기</title>
</head>
<body>
<h1>어서오세요</h1>
<script>
var name = prompt("이름을 입력하세요.");
document.write("<b><big>"+ name + "</big></b>님, 환영합니다.");
</script>
</body>
</html>
5. console.log()문 - 콘솔 창에 출력
- 콘솔창 : 웹 브라우저의 개발자 도구 창에 포함되어 있는 공간
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이름 받아서 콘솔 창에 출력</title>
</head>
<body>
<h1>어서오세요</h1>
<script>
var name = prompt("이름을 입력하세요.");
console.log(name+"님, 환영합니다.");
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 14장 for 문/ while 문 (0) | 2023.04.06 |
|---|---|
| 14장 실습 2 (0) | 2023.04.05 |
| 14장 예제 - if문/if-else문/ 중첩된 if-else문 /Switch문 (0) | 2023.04.05 |
| 14장 실습 (0) | 2023.04.05 |
| 13장 예제 - 내부 자바스크립트 사용하기 /외부 스크립트 사용하기 (0) | 2023.04.04 |
