WEB2 - JavaScript

조건문의 활용

조건문의 활용

소스코드

변경사항

댓글

댓글 본문
  1. yogg
    쉽게 설명해주셔서 감사합니다
  2. 정윤아
    210406 어렵 ㅜㅜ
  3. 요모
    2021.03.26
  4. 단디
    완료
  5. 뚜따띠또따
    21.3.23 완료!
  6. 햄쮸맨
    전 문제를 어떻게 해결할까 하다가 <input type="button"> 태그에 대해서 몰라서 문제를 해결하지 못하는 느낌이 들어서 버튼 태그를 검색해봤어요.그리고 https://developer.mozilla.org......ton 여기서 "간단한 버튼" 예시에서 제시한 방법을 응용해서 해결봤어요 ㅋㅋ.그런데 이 방법은 함수를 쓰고 이벤트 리스너를 추가해주는 메서드? 함수?를 쓰는 등 우리가 아직 배우지 않은 내용을 쓰더라구요.
  7. rose_lex
    완료
  8. 20210304 완료
  9. 20단국
    3/4일 10일차
  10. loveahav
    다시 들어야 할듯요 ㅠㅠㅠㅠㅠ
  11. 진돌
    2021.02.26 완료!
  12. 21.02.22 완료
  13. 낭낭
    완료 감사합니다.
  14. 강정진
    유튜브 야간모드가 JS를 이용한 거였군요!
  15. 서준
    완료!
  16. 재미써요
  17. Dongwon Park
    완료
  18. 완료.
  19. Yohanesty
    출석
  20. 임찬혁
    완료
  21. 코딩맨
    2021-01-20.....조건문까지만 했네여
    조건문의 활용은 21일 시작
    dhk
  22. 양경웅
    와... 왜 나는 내가 쓰면 안될까 고민했는데.. 계속 쳐다보니 오타가 보이는 군요... 2021.01.20
  23. chimhyangmoo
    21.01.19
  24. 푸른벚꽃
    if()의 괄호에 value값을 적어야 한다고 하는데 단순히 night, day가 아닌 document.querySelector('#night_day').value라고 장황하게 적어야하는지 몰라서 한참 해맸네요 ㅎㅎ

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

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

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

    이렇게 이해하는게 맞는건지 싶지만 혹시 이게 아니라면 여러분들이 답글로 설명 부탁드립니다.
  25. 몰댕
    document를 documnet로 입력해서 한참 찾았네요
    21.01.14
  26. 걸어가는신사
    2021.01.14
  27. T.Hwang
    완료~
  28. younghwani
    완료!
  29. 호성이!
    value=night인 상황에서 조건문의 value도 night이므로 true가 성립. 따라서 백그라운드 색깔이 블랙이 되고 글씨색깔이 하얀색이 되고 추가적으로 쿼리셀렉터도 day로 변하는 것 맞나요?
  30. jeisyoon
    감사합니다.
  31. 이현수
    2021.01.08(금)
  32. 박병진
    2020.12.30 완료
  33. 서울사이버대학을다니고
    <!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>
  34. unknown
    문장의 색깔이 주석처리된 연두랑 비슷해서 많이 어색한건 나만 그런거임? 뭔가 작동되는게 신기한데. 아톰 툴은 색깔 유형별 기본 설정값이 어케되는지 원
  35. unknown
    1. input id 선언에서 _는 공리의 어떤 법칙이 있는 것인지? 아님, 주관적인 설정 명시일 뿐인 것인지?
    2. 조건문 문서 쿼리 선택으로 소괄호에 #을 넣음으로써 발생하는 차이는 무엇인지?..and 무슨 개념인지?..
  36. 샴파뉴
    2020.12.27
  37. 생활둘기
    2020 12 19
  38. 호놀률류
    조건문 한번 더 듣기
  39. 20201210
  40. 부챔개
    20.12.02 완료
  41. 20201130 이어서
  42. 둘기
    20.11.28 완료
  43. 듀리
    2020.11.24
  44. Zzangbae
    20.11.23 완료
  45. kkn1125
    20.11.22 완~료!
  46. 푸쿠하
    '2020.11.19 완료
  47. 윤지
    2020-11-19 완료
  48. sohee9315
    2020-11-18-완
  49. Dominic
    twelve(12) November 2020
  50. 하얀
    2020-11-11 조건문의 활용!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기