경고창
경고창의 종류에는 alert(), confirm(), prompt()가 있다.
경고창이 실행되면 브라우저의 모든 움직임을 정지시켜 버린다. (=경고창이 꺼지기 전까지는 프로그램의 흐름을 정지한다.)
이러한 경고창들은 모두 브라우저에게 빌려서 사용하는 것들이다.
-
alert(): 알림창 ([확인] 버튼을 갖는다) -
confirm(): 확인창 ([확인] 또는 [취소] 버튼을 선택하여 선택에 따라 다음 작업 수행 (true, feals)
- ex) 삭제 버튼을 누른다 → 확인을 누르면 true 값이 반환된다 → if 를 사용해 true 면 삭제 진행
-
prompt(): 입력창 (사용자에게 데이터를 입력받고, 그 내용에 따라 다음 작업 수행)
- ex) 창에 이름을 입력한다 → if 입력을 한 경우 내용을 활용해 문구 입력("반갑습니다 000님") → 입력하지 않은 경우 else 로 입력 재요청
<hteml>
<head>
<title>DOM SCRIPT</title>
<meta charset="UTF-8">
</head>
<body>
<button onclick="popup()">alert</button>
<button onclick="conf()">confirm</button>
<button onclick="promp()">prompt</button>
</body>
<script>
function popup(){
alert('경고창 입니다.');
}
function conf(){
var result = confirm('정말로 삭제 하시겠습니까?');
console.log(result);
if(result == true){
alert('삭제되었습니다');
}
}
function promp(){
var result = prompt('당신의 이름을 입력하세요');
console.log(result);
if(result != ''){
alert('반갑습니다 ' + result + ' 님!');
} else{
alert('이름을 입력해 주세요!');
}
}
</script>
</hteml>
개발자가 되어보자