퀴즈판독기 만들기
<body>
<p>태조 이성계가 태어난 연도는?</p>
<input type="text" id="answer" />
<button id="send-answer" type="submit">제출</button>
<script>
/*1. 유저가 답을 맞추면 alert('성공')
2. 유저가 답을 3번 찍어서 못맞추면 alert('멍청아')
3. 2번까지는 틀렸으면('땡')*/
const answerBtn = document.querySelector('#send-answer');
const answer = document.querySelector('#answer');
let count = 0;
answerBtn.addEventListener('click', function () {
count++;
if (answer.value == 1335) {
alert('정답');
answer.value = '';
} else if (answer.value != 1335 && count < 3 ) {
alert('땡');
answer.value = '';
} else {
alert('멍청아!!!~~~');
answer.value = '';
}
})
</script>이런느낌으로 만들기
인풋버튼선언
버튼선언
카운트 세는 공간
유저가 버튼을 클릭했을때 이것이 실행된다
인풋에 정답이 적혀있다면
성공 출력
창 내용지우기
2번 틀렸다면
떙 출력
창 내용지우기
인풋에 정답이 3번 틀렸다면
멍청아 출력
창 내용지우기