예제
체크박스에 체크를 하면 영어로 답을 입력해야 하고,
체크 하지 않으면 한글로 답을 입력해야 한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<b>(문제)</b><br>
영어 속담으로 "1일 1개씩 먹으면 의사 필요없다"라고 하는 과일은 무엇일까요?
<br><br>
<input type="checkbox" id="eng">영어로 답한다.<br><br>
답:<input type"text" id="answer" size="20">
<button type="button" onclick="check()">답을 클릭</button>
<script type="text/javascript">
function check() {
let eng = document.getElementById('eng').checked;
let answer = document.getElementById('answer').value;
if(eng == true) {
if(answer == "apple" || answer == "APPLE" || answer == "Apple") {
alert("정답입니다");
}else {
alert("오답입니다");
}
}else {
if(answer == "사과") {
alert("정답입니다");
}else {
alert("오답입니다");
}
}
}
</script>
</body>
</html>실행결과
영어 속담으로 "1일 1개씩 먹으면 의사 필요없다"라고 하는 과일은 무엇일까요?
영어로 답한다.
답:
'IT > Html + CSS + JS' 카테고리의 다른 글
| [Html + JSON ] script 영역에서 테이블 생성하기 (0) | 2021.06.08 |
|---|---|
| [Html+JavaScript] 미술관 및 박물관 링크 (0) | 2021.06.07 |
| [Html+JavaScript] 버튼 클릭 시 홈페이지 배경색 변경 (0) | 2021.06.07 |
| [Html+JavaScript] 계산기 (0) | 2021.06.07 |
| [Html] List (0) | 2021.06.03 |
