for문
for문
for(초기식;조건식;증감식){
반복문 수행문장;
....
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>for문</title>
<script>
function ex(){
for(var i=1;i<=100;i++){
document.write(i + " ");
}
}
</script>
</head>
<body>
<input type="button" value="click" onclick="ex1()">
</body>
</html>
버튼 클릭하면 1~100까지 출력
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>007 - for문 - 이미지 변경</title>
<script>
var imgs = ["img1.jpg","img2.jpg","img3.jpg"]
function changeImg(){
// 태그명이 img 인 요소를 배열 형태로 얻어옴
var img = document.getElementsByTagName("img");
// img[0].src = imgs[0];
// img[1].src = imgs[1];
// img[2].src = imgs[2];
for(var i=0; i<3; i++){
img[i].src=imgs[i];
}
}
</script>
</head>
<body>
<input type="button" value="click" onclick="changeImg()">
<img src="img4.jpg">
<img src="img5.jpg">
<img src="img6.jpg">
</body>
</html>
클릭하면 이미지 이미지가 바뀌게 됨