WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 스피릿
    누구는 ""를 붙히고 누구는 ''로 감싸주는데 언제 누가 사용되는지에 대한 기준이 뭔가요?
    직접 코딩할 때 ""와 ''가 언제 사용되는지가 자꾸 헷갈리네요.
  2. 소금돌
    하루만 쉬어도 공부 흐름이 끊겨서 그런지..
    헷갈리는 부분이네요... id 값을 가져오는 부분과
    querySelector 부분...
  3. jayxwoo
    오늘도 강의 잘 들었습니다. 감사합니다.
  4. 옥슬이
    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 자세히 보기