WEB2 - JavaScript

배열과 반복문의 활용

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. 이희수
    고맙습니다. 역시 쉽지 않네요. 더욱 더 꼼꼼하게 봐야겠네요. 정말 고맙습니다.
    대화보기
    • 지나가다
      밑에서 9번째 줄에 있는 } 를 지우고,
      밑에서 2번째 줄 while 문 끝에 한번 더 } 하세요.

      } else{
      target.style.backgroundColor ='white';
      target.style.color ='black';
      this.value = 'night';
      } <==== 지우고

      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length){
      alist[i].style.color = 'blue';
      i = i + 1;
      }
      } <=== = 첨가
      ">
      대화보기
      • 이희수
        똑같이 했는데 왜 반응이 안 올까요?? 나만 그런가??
        <input type="button" value="night" onclick="
        var target = document.querySelector('body');
        if(this.value === 'night') {
        target.style.backgroundColor ='black';
        target.style.color ='white';
        this.value = 'day';

        var alist = document.querySelectorAll('a');
        var i = 0;
        while(i < alist.length){
        alist[i].style.color = 'powderblue';
        i = i + 1;
        }
        } else{
        target.style.backgroundColor ='white';
        target.style.color ='black';
        this.value = 'night';
        }

        var alist = document.querySelectorAll('a');
        var i = 0;
        while(i < alist.length){
        alist[i].style.color = 'blue';
        i = i + 1;
        }
        ">
        똑같이 한 것 같은데...
      • Yohanesty
        완료
      • 뿡뿡팡야
        완료
      • OneJae EE
        20.03.23 월 / 37세 비전공자 / 완료
      • 혹등고래
        완료!
      • 0cddo
        고민하던 부분이었는데
        배열과 반복을 이용해서 한 번에 해결하는 방법이 있었다니 가히 폭발적입니다!
        오늘도 감사합니다! 완료!
      • 코더
        완료!!
      • 코더
        완료!!
      • Daneul Kim
        Complete
      • 완료
      • 완료
      • daniellee123456
        완료
      • 숩숩이
        완료
      • 넘무
        아이고.. 왜 안돼나 한참 헤멨는데 Length 가 아니고 length 이라니..ㅋㅋㅋ 앞으로 대소문자 구분 확실히 하겠습니다.
      • 코딩하쟈
        완료
      • eddylee123456
        완료
      • 규몽
        완료
      • 감사합니다. 완료
      • 완료
      • 뉴빈
        감사합니다.
      • 완료
      • Younghun Liam Youn
        실제 개발자 분들 작업하시는 것 보면 '구글링을 얼마나 잘하고, 구글링을 통해 접하는 문서를 얼마나 잘 이해하고 활용하느냐'가 가장 중요합니다. 기술은 머물러있지 않고 계속해서 발전하기 때문에 단지 코드를 암기하고 익숙해지는 것만으로는 최선의 코딩을 할 수가 없습니다. 조금 잘못 판단하고 계신 것 같아요.
        대화보기
        • 너무 맞는 말씀입니다...
          저도 강의에서 가르치는 중요한 것들 중 하나가 '구글링'이라고 생각합니다.

          '검색하는법 정도는 인터넷 쓰는 사람들이라면 기본 장착 스킬이거든요.'
          라는 말은 오픈튜토리얼스, 그리고 생활코딩을 만드시는 제작자분의 가치와 좀 반대되는 것 같다고 느껴지네요.
          대화보기
          • 풀스택
            구글링 잘하는 거야 말로 이 강의의 핵심인데, 핵심을 빼놓고 강의하라니... 그리고 자신한테 필요없는 부분을 스킵하는 거야 말로 '인터넷 쓰는 사람들'한테 기본 아닐까요? ^^
            대화보기
            • 서혜민
              완료
            • thsths
              완료
            • 파랑
              ㅋㅋㅋㅋㅋ 검색을 계속 강조해서 보여주시는 건 구글링이 개발자한테 정말정말 중요하기 때문이에요. 몇년차 개발자가 되어도 어떻게 잘 검색해서 원하는 결과를 얻어오는지 그 검색 능력이 실력을 좌우해요
              대화보기
              • 스티븐잡숴
                완료
              • 스티븐잡숴
                완료
              • 완료
              • 펜펜
                감사합니다!
              • 유화
                다시 한 번 더 봐야징~
              • hr1004
                완료
              • centerho
                완료
              • Jeremy Jo
                감사합니다.
              • 김철새
                하나하나씩하니 신기하고 재밋습니다. 혼자서 맨땅에 다시 하기는 힘들지만 지금 여기서 해본 것을 조금씩 변형해가면서, 참고하면서 만드니 재밋습니다. body 지정할떄는 querySelector 함수를 사용했는데 태그 사용 할 때에는 querySelectorAll을 사용하는 이유는... 검색해봐야할것 같습니다.
              • 샬롬
                완료
              • 2019.12.25.
              • 딥허브
                2019.12.21
              • 니르
                결과화면을 아니까 멈춰놓고 배운 것을 토대로 혼자서 변수값을 정하고 쓰여있는 CSS문법을 참고해 반복문을 작성하고 돌려보았는데 문제없이 잘 돌아가서 뿌듯하네요! 영상을 돌려보니 이고잉쌤과 거의 같은 코드가 나와서 기분좋아요 ㅎㅎ 기분좋은 기념으로 댓글하나 남기고갑니다~
              • 홍주호
                20191110 완료
              • 미옹이
              • 육포
                20191031
              • 콘솔창에서 한번 실행해보며 확인을 하기위해서입니다.
                빼고 실행하여도 별문제없고 그저 원하는 값을 얻었는지 확인하는 단계입니다.
                대화보기
                • 혹시 중간 부분에 console.log(alist[i]);를 왜 넣을까요?
                  빼고 실행하여도 별 문제 없이 실행되는 것 같아서 궁금합니다.
                • 완료
                • 굼벵이
                  완료
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기