choice blog

웹 페이지를 위한 지배적인 마크업 언어는? (대문자로 입력)

답 :

정답을 입력받고 경고창으로 정답 확인하기 예시

<h2>웹 페이지를 위한 지배적인 마크업 언어는? (대문자로 입력)</h2>
답 : <input type="text" id="answer">

<input type="button" onclick="func()" value="정답확인">

<script type="text/javascript">
function func() {

	let answer = document.getElementById('answer').value;
	if(answer == ""){
		alert('답을 기입해 주십시오');
	}
	else if(answer == "HTML"){
		alert('정답입니다');
	}
	else{
		document.getElementById('answer').value = "";
		alert('정답이 아닙니다');
	}
}
</script>

 

설명

<input type="button" onclick="func()" value="정답확인">

버튼 클릭 시 func() 함수로 이동한다.

let answer = document.getElementById('answer').value;

document.getElementById('answer'). value는 id=answer 즉, 사용자에게 입력받은 값이 된다.

if(answer == ""){
alert('답을 기입해 주십시오');
}

만약 입력값이 ""(공백일 경우) 경고창에 '답을 기입해 주십시오' 문구를 출력한다.

else if(answer == "HTML"){
alert('정답입니다');
}

만약 입력값이 "HTML"일 경우 경고창에 '정답입니다' 문구를 출력한다.

else{
document.getElementById('answer').value = "";
alert('정답이 아닙니다');
}

만약 입력값이 공백이 아니거나 "HTML"이 아닐경우 id=answer의 value값을 공백으로 넣어주고,

경고창에 '정답이 아닙니다' 문구를 출력한다.