댓글
-
완료 -
20191109 완료 -
-
완료
-
20191031
-
완료
-
완료
-
완료요^^ 마술같네요.
-
완료
-
완료
-
완료
-
나도 10월 1일 완료 -
20191001 Ted 완료!
-
완료
-
완료
-
수강완료. 감사합니다~
-
완료
-
완료
-
도중에 나오는 property라던가 그런 개념들이 좀 헷갈리네요.
-
9.6 완뇨
-
감사합니다! -
감사합니다!
-
완료
-
감사합니다
-
헐 저랑 같은 실수를 하셔서 반갑네요 ㅋㅋ 저는 document.querySelector('#magic').value = night;
코드에 night 작은 따옴표가 빠져서 계속 실행이 안됬었는데 'night' 붙여주고 나니까 실행이 됩니다!! -
한참동안 안돼서 보니까 결국엔 오타였더라구요 ㅋㅋㅋ오타를 발견하고 제대로 실행됐을 때 정말 신나더라구요 ㅋㅋㅋ 다들 오타를 주의합시다!! 파이팅!
-
완료
-
완료
-
와 신기해요~~
-
완료!
-
비교해야할 곳과 바뀌는 부분이 달라 그런 것 같습니다.
토글을 할때 뭘 해야할지를 한번 생각해보는 것도 좋을 것 같습니다.
아래에 이고잉님의 코드를 간략화해서 적어보았습니다.
아래 코드 보시면 if else 로직중에 둘중에 하나만 실행됩니다.
우선 day_night 라는 변수를 a 라고 바꿔서 보겠습니다.
if (a === 'day'){
a= 'night'
// 원하는 작업(day 때 필요한 동작)
}else{
a= 'day'
// 원하는 작업 (nihgt 때 필요한 동작)
}
저희가 버튼을 눌렀을때 if 나 else 둘 중 하나가 실행됩니다.
a 가 day 이면 if 안쪽이 실행되고 끝납니다.
그때 a 를 'night' 로 바꾸는 작업은 다음에 실행했을때는 else 가 실행되기를 바라고 예약하는 것이라고 생각하면 좋을 것 같습니다. 현재 night 가 되었다고 해서 else 문의 day 동작이 다시 실행되지 않습니다.
반대로 다음에 버튼을 눌렀을때는 a가 night 겠죠
그럼 else 로 타고 들어갑니다.
원하는 작업을 하고 이제 a 를 day 로 바꾸죠. '다음번에' 이 버튼을 누를때의 동작을 예약하는 겁니다. -
저도 해매서 테스트 해봤는데요.
초보인님 말하신게 맞습니다.
구조의 상단이 홑따옴표이면 안쪽은 겹따옴표여야 하고요.
상단이 홑따옴표이면 안쪽이 겹따옴표여야 합니다.
아래와 같이 했을때 둘다 동작합니다.
1. 온클릭다음에 겹따옴표
<input type="button" id="night_day" value="night"
onclick="
if (document.querySelector('#night_day').value === 'night'){
document.querySelector('#night_day').value = 'day';
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';
}else{
document.querySelector('#night_day').value = 'night';
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
}
">
</input>
2. 온클릭 다음이 홑따옴표
<input type="button" id="night_day" value="night"
onclick='
if (document.querySelector("#night_day").value === "night"){
document.querySelector("#night_day").value = "day";
document.querySelector("body").style.backgroundColor = "black";
document.querySelector("body").style.color = "white";
}else{
document.querySelector("#night_day").value = "night";
document.querySelector("body").style.backgroundColor = "white";
document.querySelector("body").style.color = "black";
}
'> -
완료! -
오타 주의합시다 ㅎㅎ 안 되어서 한참 눈을 굴려봤는데 querySelector를 quertSelector로 쳐서 찾느라 힘들었네요 ㅋㅋㅋ -
5/10 어려워지지만 무사히 완료!
-
190509 감사합니다. -
완료 -
5/6 완료 -
완료~~~!!!!
-
완료
-
완료! -
완료
-
완료스
-
완료~
-
와 점점 어려워지네요 그래도 이해하고나면 재밌어요 동영상 몇번을 멈추고 다시봤는지 몰겠음;
항상 두번 보면서 두번째엔 노트를 적는데... 이번건 뭐 노트를 어케써야할지 감도안잡힘
혼자 나름 써내려 가면서 아 잠깐만요 아 잠만요 샘 기다려봐요.... 이러고 ㅋ -
완료 -
완료!
-
완료! -
2019-02-18 완료
-
완료
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
