Java Script/work
버튼 다중 클릭 이벤트 처리
웨이칭
2020. 7. 10. 17:14
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("해군입니다");
}
}