본문 바로가기

Java Script/work

버튼 다중 클릭 이벤트 처리

1번

<body>
<div style="border: 1px solid skyblue;">
<h3>(문제)</h3>
사나이들의 영화인 탑건은 군인 영화입니다. 그러면 육군, 해군, 공군 중 어느군의 영화일까요?
<br><br>
<button type="button" onclick="ans()">힌트/정답 확인</button>
<br><br>
※버튼을 한 번 클릭하면 힌트가 표시됩니다.<br>
※버튼을 두 번 클릭하면 답이 표시됩니다.
<br><br><br><br><br><br>
</div>

<script type="text/javascript">
let click = 0;

function ans() {
       click++;
       switch(click) {
           case 1:
               alert("하늘을 날 수 있어요. (한번 더 누르면 정답이 공개됩니다.)");
               break;
           case 2:
               alert("정답은 공군입니다~");
               break;
       }
}
</script>
</body>

 

 

 

2번

let click = 0;
function ans() {
	if (click==0) {
		alert("힌트입니다")
		click = 1;
	}else{
		alert("해군입니다");
	}
}