<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var colors=["red","blue","yellow","cyan","gray","magenta"];
for (var i = 0; i < colors.length; i++) {
document.write("<h1 style= 'color:"+colors[i]+";'>"+colors[i]+"</h1><br>");
}
</script>
<hr>
<script type="text/javascript">
var flowers=new Array();
//메서드를 통한 추가 삭제 가능
flowers.push("장미"); // 배열의 마지막에 요소 추가
console.log(flowers);
flowers.push("후리지아");
flowers.push("수국");
flowers.push("안개꽃");
flowers.push("제라늄");
flowers.push("백합");
console.log(flowers);
//h1으로 출력
for (var i = 0; i < flowers.length; i++) {
document.write("<h1>"+flowers[i]+"</h1>");
}
flowers.pop(); //마지막 배열값 제거
console.log(flowers);
flowers.shift(); //배열의 첫번째 요소 제거
console.log(flowers);
//h3으로 출력
for (var i = 0; i < flowers.length; i++) {
document.write("<h3>"+flowers[i]+"</h3>");
}
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 210924_배열,이미지출력 (0) | 2021.09.24 |
|---|---|
| 210924_배열,총합,평균 (0) | 2021.09.24 |
| 210923_var,function (0) | 2021.09.23 |
| 210923_var,function,prompt (0) | 2021.09.23 |
| 210923_var,eval,isNaN,date (0) | 2021.09.23 |