배열은 [ ] 대괄호로 묶고
안에 데이터들은 원소(elements)라고 얘기 함.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Loop & Array</h1>
<script>
var coworkers = ["elan", "sia", "baram-ui", "nara", "e-dum"];
</script>
<h2>Co workers</h2>
<ul>
<script>
var i = 0;
//변수 값을 정해준다//
while (i < coworkers.length) {
// while이라는 루프 안에 사용되는 값을 조건 또는 조건식이라고 부르고
코워커스의 갯수인 (length)를 넣어서 변수 값이 1억개정도 변동되어도 끄떡없게끔 루프를 만듬//
document.write('<li><a href="http://www.google.com/' +coworkers[i] +'">' +coworkers[i] +"</a></li>");
//+coworkers[i]+는 문자열(사람들의이름)연결을 하기 위해 쓰임 (++)
여는 태그,닫는태그가 있어야해서 넣었다고 함.//
i = i + 1;
}
</script>
</ul>
</body>
</html>
'프론트엔드 > js' 카테고리의 다른 글
| [생활코딩 WEB2 JS 25강] 함수 Function 매개변수 parameter,인자 Argument (0) | 2023.08.09 |
|---|---|
| [생활코딩 WEB2 JS 23강] 반복문과 배열로 웹하이퍼링크도 색 입혀주자 / 구글링 (0) | 2023.08.08 |
| [생활코딩 WEB2 JS 18강] 코딩 잘하는법? 중복 제거하기! 리팩토링 (0) | 2023.08.08 |
| [생활코딩 WEB2 JS 15강] 비교 연산자와 블리언, 조건문 , 토글키 만들기 (0) | 2023.08.08 |
| [생활코딩 WEB2 JS 12강] 제어할 태그 선택하기 onclick, Selcet 선택자 구글링하기, Document.querySelector(), css는 소문자,js는 대문자 이해하기 (0) | 2023.08.07 |
