생활코딩

Coding Everybody

코스 전체목록

닫기

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. daniellee123456
    완료
  2. 코딩하쟈
    완료(나중에 또)
  3. eddylee123456
    완료
  4. 규몽
    완료
  5. Harry
    감사합니다.완료
  6. 뚠뚠이
    완료
  7. 뉴빈
    제일 마지막 줄에 #night_day 할 때는 따옴표를 안 넣으셔서 그런 것 같아요~ document.querySelector('#night_day').value 이렇게요!
    대화보기
    • hansy
      완료!
    • Useok
      완료
    • 눈가리고 아웅
      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'}
        ">
        근데 이렇게 하니깐 작동은 되는데,. 다시 누르면 원래대로 돌아오질 않아요..

        해결방법없을까요 ..?
      • moon
        항상 감사합니다.!!
      • 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
          완료
        • Yamto
        • 춤춤
          완료!
        • 완료
        • 스티븐잡숴
          완료
        • 메메
          <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
              완료
            • 육포
              20191031
            • 은별
              완료
            • 완료
            • 완료요^^ 마술같네요.
            • 굼벵이
              완료
            • 박창신
              완료
            • 감자
              완료
            • 정일진
              나도 10월 1일 완료
            • 20191001 Ted 완료!
            • 코딩만이 살길이다
              완료
            • 다에
              완료
            • 쑤우
              수강완료. 감사합니다~
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기