WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
  1. 코딩맨
    2021-01-21
    dhk
  2. 양경웅
    와... 왜 나는 내가 쓰면 안될까 고민했는데.. 계속 쳐다보니 오타가 보이는 군요... 2021.01.20
  3. chimhyangmoo
    21.01.19
  4. 푸른벚꽃
    if()의 괄호에 value값을 적어야 한다고 하는데 단순히 night, day가 아닌 document.querySelector('#night_day').value라고 장황하게 적어야하는지 몰라서 한참 해맸네요 ㅎㅎ

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

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

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

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

    else
    (false일 경우 적용사항들)
  42. 921
  43. H-mechanic
    20.09.08
  44. 허우룩
    2020.09.04
  45. chapter5447
    완료하였습니다
  46. andrew070124
    if문에는 ===을 써야하는군요ㅠ
  47. 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="이름"
    }
    ">
  48. 난지단지
    완료!
  49. CODING
    완료
  50. 김요한
    id 값은 어디서 style 내에서 선언이 된건가요?
    id로 선언된 #night_day를 참조해서 value값이 맞는지 안맞는지 if 문내에서 비교한 건데.
    어디서 선언된 건지 모르겟네요
    혹시 input 태그문 자체에서 id 값을 주고 value를 주면 그게 이미 style에서 #night_day{} 로 선언된것과 같은 효력을 지니는 건가요?
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기