WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
  1. 푸른벚꽃
    if()의 괄호에 value값을 적어야 한다고 하는데 단순히 night, day가 아닌 document.querySelector('#night_day').value라고 장황하게 적어야하는지 몰라서 한참 해맸네요 ㅎㅎ

    저렇게 적는 이유는 우리가 onclick을 배울 때 이것에는 자바스크립트 문법을 사용하기로 약속했기 때문입니다.
    night과 day는 html로 적어놓은 거기 때문에 그대로 쓰면 onclick내에서 이해하지 못하겠죠?

    마치 내가 한국에서 미국으로 넘어갔을 때 한글을 쓰면 외국인이 못 알아듣는 것처럼 말이죠.

    그래서 번역이 필요한겁니다. 그 역할을 하는게 바로 document.querySelector('#night_day').value 이 문장이구요.

    이렇게 이해하는게 맞는건지 싶지만 혹시 이게 아니라면 여러분들이 답글로 설명 부탁드립니다.
  2. 몰댕
    document를 documnet로 입력해서 한참 찾았네요
    21.01.14
  3. 걸어가는신사
    2021.01.14
  4. T.Hwang
    완료~
  5. younghwani
    완료!
  6. 호성이!
    value=night인 상황에서 조건문의 value도 night이므로 true가 성립. 따라서 백그라운드 색깔이 블랙이 되고 글씨색깔이 하얀색이 되고 추가적으로 쿼리셀렉터도 day로 변하는 것 맞나요?
  7. jeisyoon
    감사합니다.
  8. 이현수
    2021.01.08(금)
  9. 박병진
    2020.12.30 완료
  10. 서울사이버대학을다니고
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>
    <body>
    <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.background='white';
    document.querySelector('#night_day').value = 'day';
    }else{
    document.querySelector('body').style.backgroundColor='white';
    document.querySelector('body').style.background='black';
    document.querySelector('#night_day').value = 'night';
    }
    ">
    </body>
    </html>
  11. unknown
    문장의 색깔이 주석처리된 연두랑 비슷해서 많이 어색한건 나만 그런거임? 뭔가 작동되는게 신기한데. 아톰 툴은 색깔 유형별 기본 설정값이 어케되는지 원
  12. unknown
    1. input id 선언에서 _는 공리의 어떤 법칙이 있는 것인지? 아님, 주관적인 설정 명시일 뿐인 것인지?
    2. 조건문 문서 쿼리 선택으로 소괄호에 #을 넣음으로써 발생하는 차이는 무엇인지?..and 무슨 개념인지?..
  13. 샴파뉴
    2020.12.27
  14. 생활둘기
    2020 12 19
  15. 호놀률류
    조건문 한번 더 듣기
  16. 20201210
  17. 부챔개
    20.12.02 완료
  18. 20201130 이어서
  19. 둘기
    20.11.28 완료
  20. 듀리
    2020.11.24
  21. Zzangbae
    20.11.23 완료
  22. kkn1125
    20.11.22 완~료!
  23. 푸쿠하
    '2020.11.19 완료
  24. 윤지
    2020-11-19 완료
  25. sohee9315
    2020-11-18-완
  26. Dominic
    twelve(12) November 2020
  27. 하얀
    2020-11-11 조건문의 활용!
  28. 우리
    여기서부터 헷갈려지네용 다시 복습필요한 파트!
  29. 만듀
    20201109
  30. 멋재이
    완료
  31. 2020.11.02.MON.
  32. 바부대지
    2020.10.27 조건문의 활용
  33. 웹짱
    2020.10.22 조건문의 힘
  34. 예림
    2020.10.21 완료
  35. 문성석
    2020.10.17 완료
  36. 제예솔
    내가 짠 코딩으로는 작동 안하고 egoing님 소스코드 복붙하면 정상 작동하는 사태... 여러번 시도끝에 "."점하나 빠뜨렸었다는 것을 깨닫고 환호... 코딩은 세심해서 재밌네요
  37. 알파카파카
    2020/10/03
  38. 김승현
    if(비교연산자,boolean => true or false)
    {true일 경우 적용사항들}

    else
    (false일 경우 적용사항들)
  39. 921
  40. H-mechanic
    20.09.08
  41. 허우룩
    2020.09.04
  42. chapter5447
    완료하였습니다
  43. andrew070124
    if문에는 ===을 써야하는군요ㅠ
  44. banaba
    8/29
    <input id="고유이름"type="button" value="이름" onclick="
    if( document.querySelector('#고유이름').value === "이름" )
    {
    document.querySelector('body').style.backgroundColor="black";
    document.querySelector('body').style.color="white";
    document.querySelector('고유이름').value="이름2"
    }
    else {
    document.querySelector('body').style.backgroundColor="white";
    document.querySelector('body').style.color="black";
    document.querySelector('고유이름').value="이름"
    }
    ">
  45. 난지단지
    완료!
  46. CODING
    완료
  47. 김요한
    id 값은 어디서 style 내에서 선언이 된건가요?
    id로 선언된 #night_day를 참조해서 value값이 맞는지 안맞는지 if 문내에서 비교한 건데.
    어디서 선언된 건지 모르겟네요
    혹시 input 태그문 자체에서 id 값을 주고 value를 주면 그게 이미 style에서 #night_day{} 로 선언된것과 같은 효력을 지니는 건가요?
  48. 김요한
    따옴표랑 전쟁이군요.
    2020.08.20 완료.
  49. JaanMun
    2020. 08. 18 완료
  50. 16.08.20 완료.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기