조건문의 활용

• 봤어요 (1012명)
• • 이전
  • 다음

댓글

댓글 본문

리체님의 댓글에 대한 답글입니다. 삭제

작성자

비밀번호

댓글 올리기

1. 
   뉴빈어제
   제일 마지막 줄에 #night_day 할 때는 따옴표를 안 넣으셔서 그런 것 같아요~ document.querySelector('#night_day').value 이렇게요!

   대화보기

   답글
2. 
   hansy3일 전
   완료!
   답글 수정 삭제
3. 
   Useok3일 전
   완료
   답글
4. 
   눈가리고 아웅4일 전
   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'}
   ">

   대화보기

   답글 수정 삭제
5. 
   눈가리고 아웅4일 전
   혹시,. 제가 조건문 버튼말구 이미지파일로 만들려고 하는데요.
   <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'}
   ">
   근데 이렇게 하니깐 작동은 되는데,. 다시 누르면 원래대로 돌아오질 않아요..
   
   해결방법없을까요 ..?
   답글 수정 삭제
6. 
   moon6일 전
   항상 감사합니다.!!
   답글
7. 
   Younghun Liam Youn8일 전
   ID 값 앞에 #을 안붙이셨네요! CSS 수업 다시 보시면 좋을 것 같아요!

   대화보기

   답글
8. 
   트레비11일 전
   버튼은 뜨는데 눌러도 화면이 안 바뀌어요. 어디를 잘못 쓴건지 못찾겠어요....
   <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';
   }
   ">
   답글
9. 
   thsths16일 전
   완료
   답글
10. 
    Yamto17일 전
    완
    답글 수정 삭제
11. 
    춤춤18일 전
    완료!
    답글
12. 
    jieun21일 전
    완료
    답글
13. 
    스티븐잡숴22일 전
    완료
    답글
14. 
    메메24일 전
    <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값
    답글 수정 삭제
15. 
    D3NIM25일 전
    감사합니다
    답글
16. 
    펜펜25일 전
    감사합니다!
    답글
17. 
    서혜민29일 전
    완료
    답글 수정 삭제
18. 
    882한 달 전
    <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 = '흑화';
    }
    답글
19. 
    유화한 달 전
    감사합니다!
    답글
20. 
    csrcomp21한 달 전
    완료!
    답글 수정 삭제
21. 
    Jeremy Jo한 달 전
    불리언에 대한 이해와 용법을 잘 이해했습니다.
    답글 수정 삭제
22. 
    hr1004한 달 전
    완료
    답글 수정 삭제
23. 
    오오우우얍한 달 전
    다음!
    답글
24. 
    샬롬한 달 전
    완료
    답글
25. 
    BoBo한 달 전
    if(document.querySelector('#night-day').value==='night'{
    ~~~~
    document.querySelector('#night-day').value='day';
    } else{
    ~~~~
    document.querySelector('#night-day').value='night';
    }
    답글 수정 삭제
26. 
    심진현2개월 전
    backgroundcolor 와 queryselector의 대문자를 확인하세요. 저도 한참 헤메다가 찾았네요.
    이고잉님 영상 자세히 보시면 background'C'olor, query'S'elector라고 되어있습니다.

    대화보기

    답글
27. 
    듀듀2개월 전
    저두요ㅠㅠ붙여넣기하면되는ㄷ 치니깐안되요 ㅜㅜ

    대화보기

    답글 수정 삭제
28. 
    물로리2개월 전
    나이트모드로 했을때 다른 페이지로 넘어가면 데이모드로 바뀌는것은 어떻게 해결하나요?
    답글 수정 삭제
29. 
    굼벵이3개월 전
    완료
    답글 수정 삭제
30. 
    홍주호3개월 전
    20191109 완료
    답글
31. 
    미옹이3개월 전
    stack overflow 질문자가 질문을 좀 바꿨군요.
    
    https://stackoverflow.com......lue
    답글
32. 
    sunday3개월 전
    완료
    답글 수정 삭제
33. 
    육포3개월 전
    20191031
    답글
34. 
    은별3개월 전
    완료
    답글
35. 
    늉4개월 전
    완료
    답글 수정 삭제
36. 
    Onold4개월 전
    완료요^^ 마술같네요.
    답글
37. 
    굼벵이4개월 전
    완료
    답글 수정 삭제
38. 
    박창신4개월 전
    완료
    답글 수정 삭제
39. 
    감자4개월 전
    완료
    답글
40. 
    정일진4개월 전
    나도 10월 1일 완료
    답글
41. 
    Ted4개월 전
    20191001 Ted 완료!
    답글 수정 삭제
42. 
    코딩만이 살길이다4개월 전
    완료
    답글
43. 
    다에4개월 전
    완료
    답글 수정 삭제
44. 
    쑤우5개월 전
    수강완료. 감사합니다~
    답글
45. 
    정완료5개월 전
    완료
    답글 수정 삭제
46. 
    현우5개월 전
    완료
    답글 수정 삭제
47. 
    두벅5개월 전
    도중에 나오는 property라던가 그런 개념들이 좀 헷갈리네요.
    답글
48. 
    우왑5개월 전
    9.6 완뇨
    답글 수정 삭제
49. 
    Min Sang Shin5개월 전
    감사합니다!
    답글
50. 
    한조5개월 전
    감사합니다!
    답글