댓글
-
if()의 괄호에 value값을 적어야 한다고 하는데 단순히 night, day가 아닌 document.querySelector('#night_day').value라고 장황하게 적어야하는지 몰라서 한참 해맸네요 ㅎㅎ
저렇게 적는 이유는 우리가 onclick을 배울 때 이것에는 자바스크립트 문법을 사용하기로 약속했기 때문입니다.
night과 day는 html로 적어놓은 거기 때문에 그대로 쓰면 onclick내에서 이해하지 못하겠죠?
마치 내가 한국에서 미국으로 넘어갔을 때 한글을 쓰면 외국인이 못 알아듣는 것처럼 말이죠.
그래서 번역이 필요한겁니다. 그 역할을 하는게 바로 document.querySelector('#night_day').value 이 문장이구요.
이렇게 이해하는게 맞는건지 싶지만 혹시 이게 아니라면 여러분들이 답글로 설명 부탁드립니다. -
document를 documnet로 입력해서 한참 찾았네요
21.01.14 -
2021.01.14
-
완료~ -
완료!
-
value=night인 상황에서 조건문의 value도 night이므로 true가 성립. 따라서 백그라운드 색깔이 블랙이 되고 글씨색깔이 하얀색이 되고 추가적으로 쿼리셀렉터도 day로 변하는 것 맞나요?
-
감사합니다.
-
2021.01.08(금) -
2020.12.30 완료 -
<!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> -
문장의 색깔이 주석처리된 연두랑 비슷해서 많이 어색한건 나만 그런거임? 뭔가 작동되는게 신기한데. 아톰 툴은 색깔 유형별 기본 설정값이 어케되는지 원
-
1. input id 선언에서 _는 공리의 어떤 법칙이 있는 것인지? 아님, 주관적인 설정 명시일 뿐인 것인지?
2. 조건문 문서 쿼리 선택으로 소괄호에 #을 넣음으로써 발생하는 차이는 무엇인지?..and 무슨 개념인지?.. -
2020.12.27
-
2020 12 19
-
조건문 한번 더 듣기
-
20201210
-
20.12.02 완료 -
20201130 이어서 -
20.11.28 완료
-
2020.11.24
-
20.11.23 완료
-
20.11.22 완~료!
-
'2020.11.19 완료
-
2020-11-19 완료 -
2020-11-18-완
-
twelve(12) November 2020
-
2020-11-11 조건문의 활용!
-
여기서부터 헷갈려지네용 다시 복습필요한 파트!
-
20201109
-
완료
-
2020.11.02.MON.
-
2020.10.27 조건문의 활용
-
2020.10.22 조건문의 힘
-
2020.10.21 완료 -
2020.10.17 완료 -
내가 짠 코딩으로는 작동 안하고 egoing님 소스코드 복붙하면 정상 작동하는 사태... 여러번 시도끝에 "."점하나 빠뜨렸었다는 것을 깨닫고 환호... 코딩은 세심해서 재밌네요 -
2020/10/03
-
if(비교연산자,boolean => true or false)
{true일 경우 적용사항들}
else
(false일 경우 적용사항들) -
921
-
20.09.08
-
2020.09.04
-
완료하였습니다
-
if문에는 ===을 써야하는군요ㅠ
-
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="이름"
}
"> -
완료! -
완료 -
id 값은 어디서 style 내에서 선언이 된건가요?
id로 선언된 #night_day를 참조해서 value값이 맞는지 안맞는지 if 문내에서 비교한 건데.
어디서 선언된 건지 모르겟네요
혹시 input 태그문 자체에서 id 값을 주고 value를 주면 그게 이미 style에서 #night_day{} 로 선언된것과 같은 효력을 지니는 건가요? -
따옴표랑 전쟁이군요.
2020.08.20 완료. -
2020. 08. 18 완료
-
16.08.20 완료.
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
