자바스크립트
[자바스크립트] HTML 요소 입 출력 /prompt, confirm, alert
도하루박
2022. 10. 2. 09:42
반응형
자바스크립트 코드로 HTML 요소를 웹 페이지에 직접 삽입하여 출력할 수 있다.
웹 브라우저 화면에서 출력을 담당하는 document.write()문이 있다.
항상 HTML의 <body> 태그 안에서 출력을 하며 눈으로 확인했었지만 <script> 안에서도 출력이 가능하다.
<body>
</body>
<script>
document.write(<h1>안녕하세요.</h1>);
</script>
사용자에게 메세지를 출력하거나 입력을 받을 수 있는 다이얼로그에 대해 알아보겠다.
프롬프트 다이얼로그
prompt()
텍스트필드가 있는 작은 창이다. 입력 메세지와 디폴드값을 설정할 수 있다.
메세지 : "이름을 입력하세요."
디폴드값 : "한글로만 작성" //디폴트값은 생략이 가능하며 작성하지 않을 시에는 " " 빈 문자를 리턴한다.
<script>
prompt("이름을 입력하세요","한글로만 작성");
</script>
확인 다이얼로그
confirm()
확인/취소 버튼을 가진 다이얼로그이다.
확인은 true, 취소나 강제로 닫을 시에는 false를 리턴한다. 선택한 결과에 맞게 프로그램을 동작시킬 수 있다.
<script>
confirm("가입을 진행하시겠습니까?");
</script>
경고 다이얼로그
alert()
알림 창을 만든는 방법이다.
<script>
alert("가입을 축하드립니다.");
</script>
대부분 입출력창은 결과를 입력받아 사용하기 때문에 confirm과 alert을 이용하여 아래와 같이 조건문을 사용하여 입력받을 수 있다.
comfirm으로 확인/취소를 선택하여 true일 경우와 false일 경우의 값을 입력받을 수 있다.
<script>
var msg ="";
if(confirm("가입을 진행하시겠습니까?")){
msg = "가입을 축하드립니다.";
}else {
msg = "다시 진행해주세요.";
}
alert(msg);
</script>
반응형