Coding Everybody
댓글
-
2023.01.11 완료 -
2023.01.05 완료
-
22.11.28 복습 다시 시작!
-
22.11.21 -
2022.10.30 복습
-
221023 -
10192022 -
할수있다
-
221018
-
2022.10.12
-
221011
-
221003 -
220930 -
220924 -
22/9/22
-
2022.09.18
-
22.09.01
-
프로그래밍에 나오는 거의 대부분의 문법과 기능들은 중복되는 코드를 줄이기 위해서 만들어진 것 같다는 생각이 든다.
-
220810 함수의 시작 -
2022.08.02
-
22.07.27
-
220724_
-
0713
-
220709 완료 6PM
-
2022.07.03
-
220703 오후 7시 50분 완료
-
220616
-
220615
-
220608
-
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>
