WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. seung
    2020.04.01 / 이미 기본적인 자바스크립트는 알지만 기초를 다지기 위해 정주행 시작합니다!
  2. Yohanesty
    완료
  3. 뿡뿡팡야
    완료
  4. OneJae EE
    20.03.21 토 / 37세 비전공자 / 완료
  5. 혹등고래
    어려워요 ㅠㅠ 완료
  6. 0cddo
    조금 어려웠지만 재미있었습니다! 완료!
  7. 코더
    완료!!
  8. 완료
  9. 짱아찌
    완료
  10. Always
    완료! 잘보고갑니당!
  11. <input id="night_day" type="button" value="night" onclick="
    if(document.querySelector('#night_day').value === 'night'){
    불리언 타입이 true일 때 실행될 코드
    } else {
    불리언 타입이 false일 때 실행될 코드
    }
    ">
  12. 숩숩이
    완료
  13. daniellee123456
    완료
  14. 코딩하쟈
    완료(나중에 또)
  15. eddylee123456
    완료
  16. 규몽
    완료
  17. 감사합니다.완료
  18. 뚠뚠이
    완료
  19. 뉴빈
    제일 마지막 줄에 #night_day 할 때는 따옴표를 안 넣으셔서 그런 것 같아요~ document.querySelector('#night_day').value 이렇게요!
    대화보기
    • 완료!
    • 완료
    • 눈가리고 아웅
      alt 이용해서 어캐 풀긴했는데.
      img 태그의 src 값은 === 로 해석이 안되는 건가 싶네요 ㅠㅠ
      이유 아시는분은 설명해주시면 감사하겠습니다 ㅜ

      <img class="switch_on_off" src="off.png" alt= off onclick="
      if(document.querySelector('.switch_on_off').alt === 'off')
      {document.querySelector('.switch_on_off').src = 'switch.png';
      document.querySelector('.switch_on_off').alt = 'on'}
      else {document.querySelector('.switch_on_off').src = 'off.png';
      document.querySelector('.switch_on_off').alt = 'off'}
      ">
      대화보기
      • 눈가리고 아웅
        혹시,. 제가 조건문 버튼말구 이미지파일로 만들려고 하는데요.
        <img class="switch_on_off" src="off.png" onclick="
        if(document.querySelector('.switch_on_off').src === 'off.png')
        {document.querySelector('.switch_on_off').src = 'switch.png'}
        else {document.querySelector('.switch_on_off').src = 'off.png'}
        ">
        이렇게 하니깐 작동이 안되더라고요..
        <img class="switch_on_off" src="off.png" onclick="
        if(document.querySelector('.switch_on_off').src = 'off.png')
        {document.querySelector('.switch_on_off').src = 'switch.png'}
        else {document.querySelector('.switch_on_off').src = 'off.png'}
        ">
        근데 이렇게 하니깐 작동은 되는데,. 다시 누르면 원래대로 돌아오질 않아요..

        해결방법없을까요 ..?
      • 항상 감사합니다.!!
      • Younghun Liam Youn
        ID 값 앞에 #을 안붙이셨네요! CSS 수업 다시 보시면 좋을 것 같아요!
        대화보기
        • 트레비
          버튼은 뜨는데 눌러도 화면이 안 바뀌어요. 어디를 잘못 쓴건지 못찾겠어요....
          <input id="night_day" type="button" value="night" onclick="
          if(document.querySelector('#night_day').value === 'night'){
          document.querySelector('body').style.backgroundColor = 'black';
          document.querySelector('body').style.color = 'white';
          document.querySelector('#night_day').value = 'day';
          } else{
          document.querySelector('body').style.backgroundColor = 'white';
          document.querySelector('body').style.color = 'black';
          document.querySelector(#night_day).value = 'night';
          }
          ">
        • thsths
          완료
        • 춤춤
          완료!
        • 완료
        • 스티븐잡숴
          완료
        • 메메
          <input id="night_day" type="button" value="night" onclick="
          if(document.querySelector('#night_day').value === 'night'){
          불리언 타입이 true일 때 실행될 코드
          } else {
          불리언 타입이 false일 때 실행될 코드
          }
          ">

          if문의 뒤에 따라오는 괄호 안에는 Boolean 데이터 타입이 온다
          그 값이 true면 첫 번째 중괄호의 코드가 실행
          그 값이 false면 두 번째 중괄호의 코드가 실행

          * document.querySelector('#night_day').value: id 값이 night_day인 element의 value값
        • 감사합니다
        • 펜펜
          감사합니다!
        • 서혜민
          완료
        • <input id="night_day" type="button" value="흑화" onclick="
          if(document.querySelector('#night_day').value === '흑화'){
          document.querySelector('body').style.backgroundColor = 'black';
          document.querySelector('body').style.color = 'white';
          document.querySelector('#night_day').value = '사람';
          } else {
          document.querySelector('body').style.backgroundColor = 'white';
          document.querySelector('body').style.color = 'black';
          document.querySelector('#night_day').value = '흑화';
          }
        • 유화
          감사합니다!
        • csrcomp21
          완료!
        • Jeremy Jo
          불리언에 대한 이해와 용법을 잘 이해했습니다.
        • hr1004
          완료
        • 오오우우얍
          다음!
        • 샬롬
          완료
        • if(document.querySelector('#night-day').value==='night'{
          ~~~~
          document.querySelector('#night-day').value='day';
          } else{
          ~~~~
          document.querySelector('#night-day').value='night';
          }
        • 심진현
          backgroundcolor 와 queryselector의 대문자를 확인하세요. 저도 한참 헤메다가 찾았네요.
          이고잉님 영상 자세히 보시면 background'C'olor, query'S'elector라고 되어있습니다.
          대화보기
          • 듀듀
            저두요ㅠㅠ붙여넣기하면되는ㄷ 치니깐안되요 ㅜㅜ
            대화보기
            • 물로리
              나이트모드로 했을때 다른 페이지로 넘어가면 데이모드로 바뀌는것은 어떻게 해결하나요?
            • 굼벵이
              완료
            • 홍주호
              20191109 완료
            • 미옹이
              stack overflow 질문자가 질문을 좀 바꿨군요.

              https://stackoverflow.com......lue
            • sunday
              완료
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기