320x100
alert, prompt, confirm 해당 기능은 브라우저 간 상호 작용
1. alert 함수
alert는 메시지를 사용자에게 보여주는 함수입니다.
alert('alert, prompt , confirm을 아시나요?')2. prompt 함수
입력할 수 있는 칸을 띄워줌
3. confirm 함수
confirm은 사용자에게 "확인"과 "취소" 버튼이 있는 창을 띄어줌'
<!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 src="/js/alert, prompt, confirm.js"></script>
</body>
</html>
<!-- 맥북에서 백틱은 한영을 풀고 영어 상태에서 ₩ 누르면 된다. -->
<!-- 그것도 싫으면 옵션키 + ₩ 누르면 ` 백틱 나옴 -->
<!-- ' 이 표시가 아니니 반드시 주의 하자 -->alert('alert, prompt , confirm을 아시나요?')
let age = prompt('나이를 입력해주세요',100);
alert(`당신의 나이는 ${age} 살 입니다.`);
let isBoss = confirm("당신이 주인인가요?");
alert(isBoss);
4. 실제적용 (*연습문제)
사용자에게 이름을 물어보고, 입력받은 이름을 그대로 출력해주는 페이지를 만들기
<!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 src="/js/alert, prompt, confirm test.js"></script>
</body>
</html>let name = prompt('이름를 입력해주세요','');
alert(`당신의 이름은 ${name}입니다.`);
let isName = confirm("올바른 이름이 맞나요?");
alert(isName);
반응형
'코딩 > JS' 카테고리의 다른 글
| JS 자바스크립트 Alert , FUNTION 웹페이지 적용 (0) | 2024.08.28 |
|---|---|
| JS 자바스크립트 형변환 설명 (0) | 2024.08.27 |
| JS 자바스트립트 자료형 기초 (0) | 2024.08.27 |
| JS 자바스크립트 변수와 상수 (2) | 2024.08.26 |
| 자바스크립트 1. alert 를 이용하여 'hello world! 출력하기' (0) | 2024.08.26 |
