WEB2 - JavaScript
WEB2 - JavaScript
Open
tutorials.org
도움말
로그인
로그인
닫기
아이디
비밀번호
로그인 유지
로그인
후원
공동공부
(
1813
명)
조건문의 활용
2017-12-02 00:13:53
조건문의 활용
소스코드
변경사항
See the Pen 조건문의 활용 by egoing (@egoing) on CodePen.
봤어요
(
1445
명)
이전
다음
댓글
댓글 본문
댓글을 작성하려면 로그인하셔야 합니다.
푸른벚꽃
2시간 전
if()의 괄호에 value값을 적어야 한다고 하는데 단순히 night, day가 아닌 document.querySelector('#night_day').value라고 장황하게 적어야하는지 몰라서 한참 해맸네요 ㅎㅎ
저렇게 적는 이유는 우리가 onclick을 배울 때 이것에는 자바스크립트 문법을 사용하기로 약속했기 때문입니다.
night과 day는 html로 적어놓은 거기 때문에 그대로 쓰면 onclick내에서 이해하지 못하겠죠?
마치 내가 한국에서 미국으로 넘어갔을 때 한글을 쓰면 외국인이 못 알아듣는 것처럼 말이죠.
그래서 번역이 필요한겁니다. 그 역할을 하는게 바로 document.querySelector('#night_day').value 이 문장이구요.
이렇게 이해하는게 맞는건지 싶지만 혹시 이게 아니라면 여러분들이 답글로 설명 부탁드립니다.
답글
몰댕
4일 전
document를 documnet로 입력해서 한참 찾았네요
21.01.14
답글
걸어가는신사
4일 전
2021.01.14
답글
T.Hwang
5일 전
완료~
답글
younghwani
7일 전
완료!
답글
호성이!
9일 전
value=night인 상황에서 조건문의 value도 night이므로 true가 성립. 따라서 백그라운드 색깔이 블랙이 되고 글씨색깔이 하얀색이 되고 추가적으로 쿼리셀렉터도 day로 변하는 것 맞나요?
답글
jeisyoon
9일 전
감사합니다.
답글
이현수
10일 전
2021.01.08(금)
답글
박병진
19일 전
2020.12.30 완료
답글
서울사이버대학을다니고
19일 전
<!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>
답글
unknown
19일 전
문장의 색깔이 주석처리된 연두랑 비슷해서 많이 어색한건 나만 그런거임? 뭔가 작동되는게 신기한데. 아톰 툴은 색깔 유형별 기본 설정값이 어케되는지 원
답글
unknown
19일 전
1. input id 선언에서 _는 공리의 어떤 법칙이 있는 것인지? 아님, 주관적인 설정 명시일 뿐인 것인지?
2. 조건문 문서 쿼리 선택으로 소괄호에 #을 넣음으로써 발생하는 차이는 무엇인지?..and 무슨 개념인지?..
답글
샴파뉴
22일 전
2020.12.27
답글
생활둘기
한 달 전
2020 12 19
답글
호놀률류
한 달 전
조건문 한번 더 듣기
답글
윱
한 달 전
20201210
답글
부챔개
한 달 전
20.12.02 완료
답글
준Fe
한 달 전
20201130 이어서
답글
둘기
한 달 전
20.11.28 완료
답글
듀리
한 달 전
2020.11.24
답글
Zzangbae
한 달 전
20.11.23 완료
답글
kkn1125
한 달 전
20.11.22 완~료!
답글
푸쿠하
한 달 전
'2020.11.19 완료
답글
윤지
2개월 전
2020-11-19 완료
답글
sohee9315
2개월 전
2020-11-18-완
답글
Dominic
2개월 전
twelve(12) November 2020
답글
하얀
2개월 전
2020-11-11 조건문의 활용!
답글
우리
2개월 전
여기서부터 헷갈려지네용 다시 복습필요한 파트!
답글
만듀
2개월 전
20201109
답글
멋재이
2개월 전
완료
답글
Sunny
2개월 전
2020.11.02.MON.
답글
바부대지
2개월 전
2020.10.27 조건문의 활용
답글
웹짱
2개월 전
2020.10.22 조건문의 힘
답글
예림
2개월 전
2020.10.21 완료
답글
문성석
3개월 전
2020.10.17 완료
답글
제예솔
3개월 전
내가 짠 코딩으로는 작동 안하고 egoing님 소스코드 복붙하면 정상 작동하는 사태... 여러번 시도끝에 "."점하나 빠뜨렸었다는 것을 깨닫고 환호... 코딩은 세심해서 재밌네요
답글
알파카파카
3개월 전
2020/10/03
답글
김승현
3개월 전
if(비교연산자,boolean => true or false)
{true일 경우 적용사항들}
else
(false일 경우 적용사항들)
답글
29512
3개월 전
921
답글
H-mechanic
4개월 전
20.09.08
답글
허우룩
4개월 전
2020.09.04
답글
chapter5447
4개월 전
완료하였습니다
답글
andrew070124
4개월 전
if문에는 ===을 써야하는군요ㅠ
답글
banaba
4개월 전
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="이름"
}
">
답글
난지단지
4개월 전
완료!
답글
CODING
4개월 전
완료
답글
김요한
5개월 전
id 값은 어디서 style 내에서 선언이 된건가요?
id로 선언된 #night_day를 참조해서 value값이 맞는지 안맞는지 if 문내에서 비교한 건데.
어디서 선언된 건지 모르겟네요
혹시 input 태그문 자체에서 id 값을 주고 value를 주면 그게 이미 style에서 #night_day{} 로 선언된것과 같은 효력을 지니는 건가요?
답글
김요한
5개월 전
따옴표랑 전쟁이군요.
2020.08.20 완료.
답글
JaanMun
5개월 전
2020. 08. 18 완료
답글
joas
5개월 전
16.08.20 완료.
답글
더 보기
버전 관리
닫기
2017-12-01 15:17:32
egoing
현재 버전
2017-12-01 15:17:32
선택 버전
선택한 버전으로 복원
버전 비교
graphittie
자세히 보기
토픽
0
모듈
0
코스
0
봤어요
0
댓글
0
명예의 전당
0