개발/책

[명품 웹 프로그래밍] 7장 Open Challenge

Hyunsun 2021. 11. 8. 00:00
728x90
생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판

 

p.338 Open Challenge 07 배열을 리스트의 아이템으로 출력하기

 

다음 배열에 들어 있는 각 문자열을 다음 브라우저 화면과 같이 리스트의 아이템으로 출력하는 웹 페이지를 작성하라.

  • var itemlist = ["라면", "계란", "물", "파"];


코드

test.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>배열로 리스트 만들기</title>
</head>
<body>
	<h3>라면을 만드는데 필요한 재료</h3>
	<hr>
	<script>
		var itemlist = ["라면", "계란", "물", "파"];
		document.write("<ul>");
		for (var i = 0; i <= itemlist.length - 1; i++) {
			document.write("<li>"+itemlist[i]+"</li>");
		}

		document.write("</ul>");
	</script>
</body>
</html>

 

결과

728x90