WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 굼벵이
    완료
  2. 홍주호
    20191109 완료
  3. 미옹이
    stack overflow 질문자가 질문을 좀 바꿨군요.

    https://stackoverflow.com......lue
  4. sunday
    완료
  5. 육포
    20191031
  6. 은별
    완료
  7. 완료
  8. 완료요^^ 마술같네요.
  9. 굼벵이
    완료
  10. 박창신
    완료
  11. 감자
    완료
  12. 정일진
    나도 10월 1일 완료
  13. 20191001 Ted 완료!
  14. 코딩만이 살길이다
    완료
  15. 다에
    완료
  16. 쑤우
    수강완료. 감사합니다~
  17. 정완료
    완료
  18. 현우
    완료
  19. 두벅
    도중에 나오는 property라던가 그런 개념들이 좀 헷갈리네요.
  20. 우왑
    9.6 완뇨
  21. Min Sang Shin
    감사합니다!
  22. 한조
    감사합니다!
  23. JT_brand
    완료
  24. 코딩가즈아
    감사합니다
  25. singky
    헐 저랑 같은 실수를 하셔서 반갑네요 ㅋㅋ 저는 document.querySelector('#magic').value = night;
    코드에 night 작은 따옴표가 빠져서 계속 실행이 안됬었는데 'night' 붙여주고 나니까 실행이 됩니다!!
    대화보기
    • 거룩한깜상
      한참동안 안돼서 보니까 결국엔 오타였더라구요 ㅋㅋㅋ오타를 발견하고 제대로 실행됐을 때 정말 신나더라구요 ㅋㅋㅋ 다들 오타를 주의합시다!! 파이팅!
    • eventme
      완료
    • eventme
      완료
    • 이수안
      와 신기해요~~
    • hyegineer
      완료!
    • udevapp
      비교해야할 곳과 바뀌는 부분이 달라 그런 것 같습니다.
      토글을 할때 뭘 해야할지를 한번 생각해보는 것도 좋을 것 같습니다.

      아래에 이고잉님의 코드를 간략화해서 적어보았습니다.
      아래 코드 보시면 if else 로직중에 둘중에 하나만 실행됩니다.

      우선 day_night 라는 변수를 a 라고 바꿔서 보겠습니다.

      if (a === 'day'){
      a= 'night'
      // 원하는 작업(day 때 필요한 동작)
      }else{
      a= 'day'
      // 원하는 작업 (nihgt 때 필요한 동작)
      }

      저희가 버튼을 눌렀을때 if 나 else 둘 중 하나가 실행됩니다.
      a 가 day 이면 if 안쪽이 실행되고 끝납니다.
      그때 a 를 'night' 로 바꾸는 작업은 다음에 실행했을때는 else 가 실행되기를 바라고 예약하는 것이라고 생각하면 좋을 것 같습니다. 현재 night 가 되었다고 해서 else 문의 day 동작이 다시 실행되지 않습니다.

      반대로 다음에 버튼을 눌렀을때는 a가 night 겠죠
      그럼 else 로 타고 들어갑니다.
      원하는 작업을 하고 이제 a 를 day 로 바꾸죠. '다음번에' 이 버튼을 누를때의 동작을 예약하는 겁니다.
      대화보기
      • udevapp
        저도 해매서 테스트 해봤는데요.
        초보인님 말하신게 맞습니다.
        구조의 상단이 홑따옴표이면 안쪽은 겹따옴표여야 하고요.
        상단이 홑따옴표이면 안쪽이 겹따옴표여야 합니다.

        아래와 같이 했을때 둘다 동작합니다.

        1. 온클릭다음에 겹따옴표
        <input type="button" id="night_day" value="night"
        onclick="
        if (document.querySelector('#night_day').value === 'night'){
        document.querySelector('#night_day').value = 'day';
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';

        }else{
        document.querySelector('#night_day').value = 'night';
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
        }
        ">
        </input>


        2. 온클릭 다음이 홑따옴표
        <input type="button" id="night_day" value="night"
        onclick='
        if (document.querySelector("#night_day").value === "night"){
        document.querySelector("#night_day").value = "day";
        document.querySelector("body").style.backgroundColor = "black";
        document.querySelector("body").style.color = "white";

        }else{
        document.querySelector("#night_day").value = "night";
        document.querySelector("body").style.backgroundColor = "white";
        document.querySelector("body").style.color = "black";
        }
        '>
        대화보기
        • Hyeon-Jun Ha
          완료!
        • 채정훈
          오타 주의합시다 ㅎㅎ 안 되어서 한참 눈을 굴려봤는데 querySelector를 quertSelector로 쳐서 찾느라 힘들었네요 ㅋㅋㅋ
        • 코돌이
          5/10 어려워지지만 무사히 완료!
        • 허공
          190509 감사합니다.
        • 위준우
          완료
        • Jongjin Park
          5/6 완료
        • 주워니
          완료~~~!!!!
        • 미고랭이
          완료
        • 최승윤
          완료!
        • 김한주
          완료
        • greedy0111
          완료스
        • 끝가지간다
          완료~
        • cosmic08
          와 점점 어려워지네요 그래도 이해하고나면 재밌어요 동영상 몇번을 멈추고 다시봤는지 몰겠음;
          항상 두번 보면서 두번째엔 노트를 적는데... 이번건 뭐 노트를 어케써야할지 감도안잡힘
          혼자 나름 써내려 가면서 아 잠깐만요 아 잠만요 샘 기다려봐요.... 이러고 ㅋ
        • 이달
          완료
        • 완료!
        • Seohee Kim
          완료!
        • 2019-02-18 완료
        • 우도순
          완료
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기