WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 로버트한
    변수와 대입연산자 잘 배웠습니다.
    변수에는 var 를 사용하자 ^^
    예) var name ^^
  2. Alex
    아 단순한건데 이해를 못했네요 이해 잘되게 설명해주셔서 감사합니다!
  3. yoon
    ==과 === 의 차이점
    "192.16~~~" == 192.16~~~ -> true
    "192.16~~~" === 192.16~~~ -> false 이다

    === 은 타입조차 구분해준다.


    onclick=" document.querySelector('body').style.backgroundColor = 'black'; "

    위 경우 document.querySelector('body').style.backgroundColor = "black" ; 와 같다.

    차이점 black 의 따옴표 표시.
  4. kissandlove
    먼저 '=' 은 대입을 뜻하고, '==='는 비교를 뜻합니다.
    document.querySelector('#night_day').value = 'day' 라는 것은 'day'를 document.querySelector('#night_day').value에 대입하는 것입니다. (즉 버튼의 value가 'day' 됨)

    마지막에 document.querySelector('#night_day').value = 'day'로 넣어주지 않으면 document.querySelector('#night_day').value는 계속 'night'인 상태이므로 if 문의 조건에서 항상 true가 되므로 계속 나이트 모드로 되겠죠.
    마지막에 document.querySelector('#night_day').value='day'를 넣어줌으로써 버튼을 두번째 눌렀을 때 if 조건문이 false가 되어 else 안에 있는 내용이 실행됩니다.

    허접한 답변인데 도움이 되면 좋겠네요.
    대화보기
    • Alex
      다 이해가 되는데 아무리 생각을 해봐도
      왜 if { } 마지막에 왜 마지막에 document.querySelector('#night_day').value = 'night' 이걸 써줘야 Night 모드에서 Day 모드로 변환되는지도 모르겠습니다.
      마지막에 꼭 document.querySelector('#night_day').value = 'Day';를 써야하고
      else { } 에는 반대로 써야만 night, day 모드가 전체적으로 다 동작 되는지 이해가 안됩니다.

      if와 else 둘을 잇는 역할인건가요? 그렇다면 = 'night/day'가 무슨 뜻인가요??
      =와 ===의 차이를 모르겠어서 검색을 해봤는데 ==와 ===의 차이만 나오고
      =에 대해서는 != 결과만 나와서요.

      document.querySelector('#night_day').value === 'Night'과
      document.querySelector('#night_day').value = 'night' 에서 뭐가 차이를 어떻게 만드는지 모르겠습니다.
      왜 마지막에 document.querySelector('#night_day').value = 'night' 이걸 써줘야 Night 모드에서 Day 모드로 변환되는지도 모르겠구요.

      아시는분 짧게라도 답변 부탁드립니다. 궁금하고 헷갈려서 미치겠습니다ㅠㅠㅠ
    • 콘솔에 document.querySelector('#night_day') 이거 분명 오타없이 쳤는데 자꾸 null이라 나와서 애먹었는데 다시 해보니까 또 되긴되네요ㅠㅎ;

      따라쳐서 구현하긴했는데 정확히 이해하진 못한 것 같네요! 다시 한 번 복습해야 할듯..
    • 한상문
      이 영상을 보면서 가야할 길이 참 멀구나 생각되네요~
      그래도 열심히 해 보겠습니다~~ ㅎㅎㅎ
    • 동글몬
      감사히 잘 봤습니다. 감사합니다~ ^^
    • 허허
      초반부 강의 영상에 설명이 있습니다.
      Javascript 에서는 같은 "",'' 모두 같은 기능을 합니다.
      강의 초반부를 다시 보시거나, 모르시는건 인터넷 검색을 추천합니다..
      직접 찾아보는 습관은 큰 도움이 됩니다
      대화보기
      • 스피릿
        누구는 ""를 붙히고 누구는 ''로 감싸주는데 언제 누가 사용되는지에 대한 기준이 뭔가요?
        직접 코딩할 때 ""와 ''가 언제 사용되는지가 자꾸 헷갈리네요.
      • 소금돌
        하루만 쉬어도 공부 흐름이 끊겨서 그런지..
        헷갈리는 부분이네요... id 값을 가져오는 부분과
        querySelector 부분...
      • jayxwoo
        오늘도 강의 잘 들었습니다. 감사합니다.
      • 옥슬이
        1. === 은 왼쪽값과 오른쪽값이 같느냐라고 이고잉님께서 설명하시더군요

        2. 맞습니다. value 값을 바꾸라는 의미입니다
        대화보기
        • 권호석
          <input id="night_day" type="button" value="day & night" onclick="
          if (document.querySelector('body').style.backgroundColor === 'white')
          {
          document.querySelector('body').style.backgroundColor='black';
          document.querySelector('body').style.color='white';
          }
          else
          {
          document.querySelector('body').style.backgroundColor='white';
          document.querySelector('body').style.color='black';
          }">
          전 이렇게 해봤습니다.
        • 상상예찬
          김예찬 배재영
        • daaawnstar
          심장아 나대지마라
        • Dani Choi
          감사합니다!
        • Dreaming_Joyy
          개발자도구 console에
          document.querySelector(#night_day). value라고 하는데 안나와서 엄청헤멨는데....
          ' #night_day ' 이렇게 single quotation mark를 꼭 붙여주셔요...String문자열이니까요 ㅠㅠ.

          그래도 오늘 좋은 실수 한 것 같습니다!!!
        • Lee Seon Bin
          document.querySelector('#night-day').value === 'night'
          에서 ===의 뜻이 정확히 뭔가요 ?? id값이 night-day인 코드의 벨류값이 night랑 같느냐 라고 해석하면 되는건가요 ?

          document.querySelector('#night-day').value = 'night'
          이것은 d값이 night-day인 코드의 벨류값을 night로 바꾸란 뜻인가요 ?
          이꼴의 의미를 정확히 알고싶습니다.
        • 정중식
          정리해주셔서 감사합니다~
          대화보기
          • 라울
            감사합니다.
          • Mingi Son
            180213 너무 재밌어요!! 감사합니다
          • 180210 감사합니다!
          • Hyun Woo Lee
            확실히 중복된 기능에 대에서 조건문을 이용하여
            한가지로 표한하니까 편하네요!
          • 최명수
            재미있네요 ㅋㅋ
            제 프로젝트에도 중간중간 적용을...
          • PassionOfStudy
            << 2018-01-20 - 2일차 _네 번째 강의 >> --> 완료!


            라이브러리 함수들을 검색해서 다룰줄 알아야 겠네요.
            이것저것 라이브러리 함수들을 자주 찾아보고 사용해봐야겠습니다.
          • 와우, 이게 if 문이군요!! 멋지고, 재밌습니다!
            야학으로 시작해서 달려오다가 여기까지 왔습니다~
            앞으로도 기대됩니다.
            늘 좋은 강의 감사합니다 :-)
          • 감사합니다~
          • 아이드롭
            우와..
            대화보기
            • 저는 이렇게 이해했습니다 !
              중간중간 강의를 100%이해하지 못하고 넘어가서 이해하는데 무려 3시간이나 걸렸네요..
              다른분들은 그러지 마시라고 남깁니다.

              <!DOCTYPE html>
              <html>
              <head>
              <meta charset='utf-8">
              <title>자바 스크립트를 만들고 작동해보자</title>
              </head>
              <body>
              <h1>즐겁게 코딩을 해봅시다.</h1>

              <input id="night_day" type="button" value="night" onclick=" 인풋이라는 코드의 아이디 값이 나이트데이이고 밸류값이 나이트인데
              if(document.queruySelector('#night_day').value === "night") 이게 클릭했을때 밸류값이 나이트 이면
              {
              document.queruySelector(body).style.backgroundColor = 'black'; 바탕을 검은색
              document.queruySelector(body).style.color = 'white'; 글씨를 흰색으로 하고
              document.queruySelector(''#night_day").value = 'day'; 밸류값을 데이로 변경한다.

              }else{ 이곳은 동작하지 않는다.
              document.queruySelector(body).style.backgroundColor = 'white';
              document.queruySelector(body).style.color = 'black';
              document.queruySelector('#night_day').value = night
              }

              ">

              </script></script>

              </body>

              하지만


              <input id="night_day" type="button" value="night" onclick=" 인풋이라는 코드의 아이디 값이 나이트데이이고 밸류값이 나이트인데
              if(document.queruySelector('#night_day').value === "night") 이게 클릭했을때 밸류값이 나이트가 아니면

              document.queruySelector(body).style.backgroundColor = 'black'; 이곳은
              document.queruySelector(body).style.color = 'white'; 작동하지
              document.queruySelector(''#night_day").value = 'day'; 않고

              }else{ 이곳이 작동하며
              document.queruySelector(body).style.backgroundColor = 'white'; 배경은 흰색
              document.queruySelector(body).style.color = 'black'; 글씨는 검은색
              document.queruySelector('#night_day').value = night 다시 나이트데이의 밸류값이 나이트로 변한다.
              }

              ">

              </script></script>

              </body>
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기