영어 속담으로 "1일 1개씩 먹으면 의사 필요없다"라고하는 과일은 무엇일까요?

 

방법1.

<h1>문제</h1>
영어 속담으로 "1일 1개씩 먹으면 의사는 필요없다" 라고 하는 과일은 무엇일까요?
<br><br>

<input type="checkbox" id="eng">영어를 선택<br><br>
답:<input type="text" id="answer" size="20">

<button type="button" onclick="check()">답을 클릭</button>
<!-- 함수명 click은 사용못함 -->
<script type="text/javascript">
function check() {
	let eng = document.getElementById('eng').checked;	// true/false
	let answer = document.getElementById('answer').value;
	
	if(eng == true){
		if(answer == "apple" || answer == "APPLE" || answer == 'Apple'){
			alert('정답입니다');			
		}else{
			alert('오답입니다');
		}				
	}else{
		if(answer == '사과' || answer == '능금'){
			alert('정답입니다');	
		}else{
			alert('오답입니다');
		}
	}	
}
</script>

 

 

방법2

: 폼으로 잡아 태그가 체크되었는지 확인, 입력값을가져와 정답인지 판별

<form action="" name="frm">
	<input type="checkbox" id="_eng" name="eng">영어를 선택<br><br>
	답:<input type="text" id="_answer" name="answer" size="20">
	
	<button type="button" onclick="check()">답을 클릭</button> 
</form>

<script type="text/javascript">
function check() {
//	let checkbox = document.frm.eng.checked;
//	alert(checkbox);
//	let text = document.frm.answer.value;
//	alert(text);

	let checkbox = document.forms[0].elements[0].checked;
//	alert(checkbox);
	let answer = document.forms[0].elements[1].value;
//	alert(answer);

	if(checkbox == true){
		if(answer == "apple" || answer == "APPLE" || answer == 'Apple'){
			alert('정답입니다');			
		}else{
			alert('오답입니다');
		}				
	}else{
		if(answer == '사과' || answer == '능금'){
			alert('정답입니다');	
		}else{
			alert('오답입니다');
		}
	}	

}

</script>