<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>라디오 버튼과 이미지 출력</title>
<script>
function drawImage(){
var found = null;
var kfruit = document.getElementById("fruit");
var img = document.getElementById("fruitimage");
for (var i = 0; i < kfruit.length; i++) {
if(kfruit[i].checked == true)
found = kfruit[i];
}
}
</script>
<body onclick="drawImage()">
<h3>라디오 버튼을 클릭하면 이미지를 출력합니다.</h3>
<hr>
<form>
<input type="radio" name="fruit" value="images/apple.png" onclick="drawImage()">사과
<input type="radio" name="fruit" value="images/banana.png" onclick="drawImage()">바나나
<input type="radio" name="fruit" value="images/mango.png" onclick="drawImage()">망고
</form>
</body>
</head>
</html>
drawImage 함수 부분에 문제가 있는 것 같은데 어느 부분이 잘못되었는지 알고 싶습니다.
