728x90
반응형
<객체에서 제공하는 대화형 함수>
1. alert() : 경고, 코드 디버깅 용으로 주로 사용(확인버튼)
2. confirm(): 확인(true)/ 취소(false) 버튼 제공
3. prompt(): 텍스트 박스, 확인/취소 버튼 제공, 반환값은 텍스트(우리가 써준 텍스트)/null
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function alertTest(){
alert("내용(단순 대화창)");
}
function confirmTest(){
if(confirm("배경을 파랑색으로 바꿀까요?")){
document.body.style.backgroundColor="skyblue";
} else {
document.body.style.backgroundColor="";
}
}
function promptTest(){
var txt = prompt("좋아하는 과목을 작성해 주세요\n[1:java, 2:db, 3:html/css]");
switch(txt){
case "1": alert("역시 java가 짱!"); break;
case "2": alert("데이터 저장이 기본이조"); break;
case "3": alert("화면에 잘 보여야죠"); break;
default: alert("1,2,3번 중 하나만 선택해주세요");
}
}
</script>
</head>
<body>
<h1>window 객체에서 제공하는 대화형 함수</h1>
<small>종류에는 <strong>alert(), confirm(), prompt()</strong>가 있다.</small>
<p>alert(): <button onclick="alertTest();">클릭</button></p>
<p>confirm(): <button onclick="confirmTest();">클릭</button></p>
<p>prompt(): <button onclick="promptTest();">클릭</button></p>
</body>
</html>
<alert>
728x90
반응형
'Web > JavaScript' 카테고리의 다른 글
| [JS]rolling (0) | 2020.07.28 |
|---|---|
| [JS]closure (0) | 2020.07.28 |
| [JS]함수function_02 (0) | 2020.07.28 |
| [JS]변수var (0) | 2020.07.27 |
| [JS]선언방식 (0) | 2020.07.27 |
