WEB2 - JavaScript

배열과 반복문의 활용

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. Mongsil
    2020/4/2 완료!
  2. 아기별
    이해하기 쉬운 설명인것 같아요. 감사합니다!!
    대화보기
    • seung
      2020/04/02

      조건문 안에 while문을 사용 해 a태그를 가지고 있는 모든 스타일 컬러 속성을 powderblue로 바꾸고
      else에는 blue로 설정 해 원하는 결과를 얻었습니다.

      잘 배우고 갑니다!
    • 이희수
      고맙습니다. 역시 쉽지 않네요. 더욱 더 꼼꼼하게 봐야겠네요. 정말 고맙습니다.
      대화보기
      • 지나가다
        밑에서 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
                • 콘솔창에서 한번 실행해보며 확인을 하기위해서입니다.
                  빼고 실행하여도 별문제없고 그저 원하는 값을 얻었는지 확인하는 단계입니다.
                  대화보기
                  버전 관리
                  egoing
                  현재 버전
                  선택 버전
                  graphittie 자세히 보기