배열
-
[WEB2 JavaScript] 23.배열과 반복문의 활용 | 초코더JavaScript/생활코딩 2019. 11. 14. 21:18
지난 시간에 이어 배열과 반복문을 활용한 a태그의 색을 변경해보겠습니다. 우선 1억개의 a태그가 있다고 치면 이 많은 a태그들의 색은 배열과 반복문을 통해 나타낼 수 있습니다. 먼저 여러개의 a태그들을 한 배열에 담는 코드를 아래에 작성해볼게요. qeurySelector는 하나의 선택자를 선택하는 것이였다면 querySelectorAll은 괄호안에 있는 모든태그를 선택해줍니다. var alist = document.querySelectorAll('a'); 그럼 이제 반복문을 이용해서 alist안에 있는 모든 태그들의 style을 변경해보겠습니다. 아래와 같이 반복문을 이용해 alist의 모든 원소들의 color 값을 변경해주었습니다. var alist = document.querySelectorAll('..
-
[WEB2 JavaScript] 22. 배열과 반복문 | 초코더JavaScript/생활코딩 2019. 11. 14. 19:14
오늘은 자바스크립트의 배열에 대해 알아볼게요~! 우선 배열이 필요한 이유에 대해 알아봅시다. 아래에는 과일을 html코드로 각각 직접 써주었습니다. Loop & Array fruits apple banana orange grape 자바스크립트의 배열을 쓰면 좀 더 편리하게 작성할 수 있습니다. 우선 각각의 과일들을 fruits배열에 담아두었습니다. 그리고 document.write를 이용해서 각각 list태그를 써주고 그안에 작성해 줄겁니다. 이때는 반복문이 필요합니다. Loop & Array fruits 4번을 반복해서 list태그를 작성해주는 코드를 짜보겠습니다. count변수는 몇번 반복을 해줄 것인지 세는 변수입니다. count변수를 선언해주고 총 4번 반복할 것이지만 배열은 0부터 시작하기 때문..