[제이쿼리] for반복문(for(){}, new Array(''))
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>for반복문</title>
<script>
//var movTitle = 배열추가해서 각자 영화 제목을 입력
var movTitle = new Array('조이','널기다리며','귀향','주토피아','갓오브이집트','스포트라이트','런던해즈폴론','동주')
</script>
</head>
<body>
<ul class="mov_list">
<script>
/*
for(i=1; i<=8; i++){
document.write('<li><img src="img/mov'+i+'.jpg" alt=""><strong>영화제목</strong><span>영화장르</span><p>영화에 대한 내용</p></li>')
}
*/
for(i=1; i<=8; i++){
/* 방법 01. document.write('') 이용해서 화면 출력
document.write('<li>')
document.write(' <img src="img/mov'+i+'.jpg" alt="">')
document.write(' <strong>영화제목</strong>')
document.write(' <span>영화장르</span>')
document.write(' <p>영화에 대한 내용</p>')
document.write('</li>')
*/
/* 방법02. 변수 이용해서 선언 */
var mov_li = ''
mov_li += '<li>'
mov_li += ' <img src="img/mov'+i+'.jpg" alt="">'
mov_li += ' <strong>영화제목</strong>'
mov_li += ' <span>영화장르</span>'
mov_li += ' <p>영화에 대한 내용</p>'
mov_li += '</li>'
document.write(mov_li)
}
</script>
</ul>
</body>
</html>