11주차 - jsp&js (24) confirm()
2022. 9. 21. 16:49ㆍjsp/java script
이번의 목표
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.
① 확인을 누르면 "처음 방문해 주셔서 감사합니다." 가 출력 되는 것을 확인할 수 있습니다.
② 취소를 누르면 "다시 방문해 주셔서 감사합니다." 가 출력 되는 것을 확인할 수 있습니다.
'jsp > java script' 카테고리의 다른 글
| 11주차 - jsp&js (26) onload (0) | 2022.09.21 |
|---|---|
| 11주차 - jsp&js (25) window.open() (1) | 2022.09.21 |
| 11주차 - jsp&js (23) window.history.forward() / window.history.back() (0) | 2022.09.19 |
| 11주차 - jsp&js (22) onmouseup/onmousedown 으로 이미지를 바꿔보자 (0) | 2022.09.19 |
| 11주차 - jsp&js (21) onmousedown/onmouseup 으로 값을 바꿔보자 (0) | 2022.09.19 |