HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초 10강 연습문제 답
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
//CHAPTER 10 연습문제
// 5번
function hello() {
alert("반갑습니다.");
}
//6번
function change() {
document.getElementById("change").innerHTML = "이 텍스트는 자바스크립트에서 변경한 것입니다.";
}
//7번
function check() {
var n = document.getElementById("number").value
if (isNaN(n))
alert("숫자가 아닙니다.");
}
//8번
function changeImg() {
document.getElementById("img").src = "ravi2.jpg";
}
function F5() {
location.reload();
}
</script>
</head>
<body>
<h3 onclick ="hello();">자바스크립트는 이벤트에 반응할 수 있습니다.</h3>
<br>
<h3 id="change">버튼을 누르면 이 요소의 내용이 변경됩니다.</h3>
<input type="button" value="버튼을 누르세요!" onclick="change();"><br><br>
<p>숫자를 입력하시오</p>
<input type="text" id="number">
<input type="button" value="입력완료" onclick="check();"><br>
<img src="ravi1.jpg" id="img" onclick="changeImg();">
<p>사진을 클릭하여 보세요!</p>
<br><br>
<input type="button" value="새로고침" onclick="F5();">
</body>
</html>