<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// 해당 배열 내의 데이터를 이용하여 리스트 만들기 (요소 생성 함수 사용)
onload = function() {
```
var fruits = ["apple", "banana", "orange", "kiwi", "grape"];
for (var i = 0; i < fruits.length; i++) {
// 1. li 태그 작성
var list = document.createElement("li"); // <li></li>
// 2. 배열에 저장된 내용 가져오기
var fName = document.createTextNode(fruits[i]); // apple
// 3. li 태그에 텍스트 노드 추가
list.appendChild(fName); // <li>apple</li>
// 4. ul 태그에 li 태그 추가
document.getElementById("list").appendChild(list);
}
```
}
</script>
</head>
<body>
<ul id="list"></ul>
</body>
</html>
