JavaScript

210924_배열,이미지출력

요옫 2021. 9. 24. 17:16

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<script type="text/javascript">

var tag1="<h2>Hello JS H2!!</h2>";

document.write(tag1);

 

//b태그로 1~10까지 가로 출력

for (var i = 1; i <=10; i++) {

document.write("<b>"+i+"</b>&nbsp;&nbsp;");  //&nbsp; 한칸띄기

}

document.write("<br><br>");

 

//배열로 이미지출력..이미지명이 차례대로 인게 좋음(1.jpg 2.jpg 이런 식으로)

for (var i = 1; i <10; i++) {

var f="<img src='../image/0"+i+".png' width='100'>";

document.write(f);

}

document.write("<br><br>");

 

//배열선언

var arr=["떡볶이","삼겹살","다코야끼","라면","붕어빵"];

 

for (var i = 0; i < arr.length; i++) {

var s="<img src='../image/"+arr[i]+".png' width='100' border='1'>";

document.write(s+"&nbsp;&nbsp;");

}

</script>

</body>

</html>

 

'JavaScript' 카테고리의 다른 글

210924_배열,랜덤숫자-이미지(연결되어 출력)  (0) 2021.09.24
210924_배열,랜덤이미지  (0) 2021.09.24
210924_배열,총합,평균  (0) 2021.09.24
210924_배열+메서드 추가/삭제  (0) 2021.09.24
210923_var,function  (0) 2021.09.23