WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 소금돌
    하루만 쉬어도 공부 흐름이 끊겨서 그런지..
    헷갈리는 부분이네요... id 값을 가져오는 부분과
    querySelector 부분...
  2. jayxwoo
    오늘도 강의 잘 들었습니다. 감사합니다.
  3. 옥슬이
    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 자세히 보기