Coding Everybody
댓글
-
22.05.24 -
220519
-
220519
-
220409
-
220405
-
2022.04.05
-
2022.03.31
-
2022.03.15
-
20220315
-
2022.02.24 완료
-
2022.02.17. WEB2 - JavaScript - 함수예고 파트 수강완료 -
2022.02.13
function이라는 수납상자 -
2022.02.04
-
20220127
-
220122 감사합니다
-
감사합니다~
-
진짜 그런 것 같네요~
답변 감사합니다~ -
<input type="button" value="night" onclick="">
위에 부분은 HTML에서만 사용할 수 있으며 <script> 내부에서는 JavaScript만 인식하여 안되는거라고 생각합니다.
function nightToggle(self){
var target=document.querySelector('body');
if(self.value === 'night'){
target.style.backgroundColor = 'black';
target.style.color = 'white';
self.value = 'day';
} else {
target.style.backgroundColor = 'white';
target.style.color = 'black';
self.value = 'night';
}
}
<input type="button" value="night" onclick="nightToggle(self)"> -
2022-01-21 완료
-
맛없는 콩두유님 답변 감사합니다~
그런데 요렇게는 왜 안되는 걸까요?
<script>
function NightToggle(self){
<input type="button" value="night" onclick="
var target=document.querySelector('body');
if(self.value === 'night'){
target.style.backgroundColor = 'black';
target.style.color = 'white';
self.value = 'day';
} else {
target.style.backgroundColor = 'white';
target.style.color = 'black';
self.value = 'night';
}
">
}
</script> -
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>WEB1 - JavaScript</title>
<script>
function nightDayHandler(self){
var target = document.querySelector('body');
if(self.value ==='night'){
target.style.backgroundColor = 'black';
target.style.color = 'white';
self.value = 'day';
var alist = document.querySelectorAll('a');
var i = 0;
while(i<alist.length){
alist[i].style.color = 'red';
i = i+1;
}
} else {
target.style.backgroundColor = 'white';
target.style.color = 'black';
self.value = 'night';
var alist = document.querySelectorAll('a');
var i = 0;
while(i<alist.length){
alist[i].style.color = 'blue';
i = i+1;
}
}
}
</script>
</head>
<body>
<h1><a href="index.html">WEB</a></h1>
<input type="button" value="night" onclick="
nightDayHandler(this);
">
<input type="button" value="night" onclick="
nightDayHandler(this);
">
<ol>
<li><a href="1.html">HTML</a></li>
<li><a href="2.html">CSS</a></li>
<li><a href="3.html">JavaScript</a></li>
<h2>JavaScript</h2>
<p>JavaScript is very good. I'm sorry.
</p>
</body>
</html> -
input 태그를
통째로 함수안에 넣어봤는데
버튼자체가 구현이 안되네요
왜 안되는 걸까요...ㅡㅜ
알고계신 분이 계시다면
소중한 지식 공유해주시면 정말 감사하겠습니다~ -
처음에는 얼마나 이해하고 구현할 수 있냐보다
그냥 책 권수를 늘리고 강의 갯수를 더 늘리는 즉, 그냥 양으로 때려박는게 제일 낫다는 생각이 드네요 요즘엔 ㅎㅎ
이해안되면 넘어가도 됩니다. 지식이라는게 선형으로 학습되는게 아니라 거미줄처럼 학습되거든요
화이팅 -
안녕하세요. 저도 초보이지만, 조금이나마 도움이 될까 해서 답글드립니다.
강의를 한번 듣고 직접 타이핑하며 따라해보면 어느정도 숙지가 됩니다.
이렇게 며칠에 나누어 강의를 전부 듣습니다.
한 코스의 모든 강의를 들었다면, egoing님이 말씀하신대로 써먹어봅니다.
저는 지금까지 공부한 내용들을 모두 활용해서, 제가 만들고 싶은 웹페이지를 만듭니다.
이 웹페이지가 완전하게 작동하고 문법에 오류도 없는 걸 확인하면 다음 코스로 넘어갑니다.
저는 이러니까 html과 css는 많이 익숙해졌습니다. 확실히 직접 만들면서 복습해보는게 좋은 것 같습니다.
코딩 야학(https://yah.ac......ipt)을 활용하여 그날 배운 내용들을 간단히 정리해보면 더 좋을 것 같습니다.
즐공하시길 바랍니다! -
여러분 이 댓글을 보시면 댓글 한번만 달아서 알려주시면 감사하겠습니다
공부 방법좀 공유 하고 싶어서요 그냥 이걸 달달달 외우면 되는건지 아니면 다른 공부법이 있는지 궁금합니다 -
220103 완료 감사합니다.
-
2021-12-20 완료
고맙습니다. -
완료
-
오후 2:38 2021-12-14
-
21.12.5 완료
-
21.11.23
-
완료
-
21-11-4
-
21- 10-31. 2타.
-
21-10-28. 1타.
-
21.10.20 감사!
-
21년 10월 19일 -
도입 설명 너무 좋네요~
-
211007
-
2021.09.28
-
2021.09.25. -
2021.08.13 수강완료
-
오... 많이 왔다
-
210727 성공 -
0727 완료
-
20210718 completed!!!
-
왜 저 ID 는 안 지우신 건지 궁금한데 다음 영상을 보면 나오겠죠?!!
-
2021,07,10
-
20210709
-
2178
