jsp/java script
11주차 - jsp&js (24) confirm()
우젼
2022. 9. 21. 16:49
이번의 목표
01. confirm() 을 사용하여 유저에게 값을 받아보자.
confirm() 은 괄호 안의 문구를 출력하며 사용자에게 확인/ 취소를 선택 받습니다.
사용자의 선택에 따라 확인은 true / 취소는 false를 저장합니다.
01. 코드
02. 실행 화면
01. 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function myclick() {
alert("안녕하세요.\n환영합니다.");
// confirm() : 괄호안의 문구를 출력시키며 확인/취소 로 선택하는 alert 창을 출력시켜 사용자에게 선택값은 받습니다.
// 확인은 true 취소는 false 를 받아 저장합니다.
var result = confirm("처음 방문입니까?");
if (result) {
document.getElementById("myclick").innerHTML = "처음 방문해 주셔서 감사합니다.";
} else {
document.getElementById("myclick").innerHTML = "다시 방문해 주셔서 감사합니다.";
}
}
</script>
</head>
<body>
<input type="button" value="클릭" onclick="myclick()">
<p id="myclick"></p>
</body>
</html>02. 실행 화면
See the Pen Untitled by woojw6012 (@SpookeyTed) on CodePen.
① 확인을 누르면 "처음 방문해 주셔서 감사합니다." 가 출력 되는 것을 확인할 수 있습니다.
② 취소를 누르면 "다시 방문해 주셔서 감사합니다." 가 출력 되는 것을 확인할 수 있습니다.