댓글
-
220516 -
document.querySelector('#night_day').value = 'day'; 코드가 버튼을 day로 바꾸기 때문에
if(document.querySelector('#night_day').value === 'night')을 부정하기 때문에 else 조건에
해당하는 설정으로 변경하게 하는 역할 (else 조건으로) -
220424
-
220407
-
220405
-
220405
-
2022.04.01
-
2022.03.30
-
220316
-
20220314
-
2022.03.14
-
2022.02.24 완료
-
2022.02.16. WEB2 - JavaScript - 조건문의 활용 파트 수강완료 -
2022.02.12
-
2022.02.03
-
2022-01-21 봤지만 또볼수 있음..
-
2022-01-21 완료
-
2022-01-20 완료.
-
220115 감사합니다
-
앞에분이 ol태그 얘기하신건 아마 CSS에서
border-right:1px solid black;
로 설정하신 부분 말씀하신것 같네요.
다음과 같이 한줄씩 넣어서 해당 라인도 변경되게 할수 있을 것 같습니다.
if(document.querySelector('#night_day').value === 'night'){
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';
document.querySelector('ol').style.borderRight = '1px solid red'; /* 이부분 추가 */
document.querySelector('#night_day').value = 'day';
} else {
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
document.querySelector('ol').style.borderRight = '5px dotted green'; /* 이부분 추가 */
document.querySelector('#night_day').value = 'night';
}
그리고 자바랑 CSS랑은 달라서, querySelectorAll('a') 로 선택을 하시면 안됩ㄴ비다.
querySelectorAll('a')는 a태그가 달린 모든 걸 선택한다는게 아니고, 모든걸 배열로 가져온다는 뜻입니다.
배열은 나중에 나오겠지만,
쉽게말하면 querySelectorAll('a')[0] 이 첫번째 a태그, querySelectorAll('a')[1] 이 두번째 a태그... 이런식으로 지정이 되는거라, for문으로 처음부터 끝까지 돌면서 변경해줘야하는것 같아요.
참고 : https://stackoverflow.com......nts -
저도 이 부분 궁금한데 해결하셨나요?
document.querySelectorAll('a').style.color = 'white';
로 시도해보았는데 css가 더 강력한지 바뀌질 않네요 ㅠㅜ -
<!DOCTYPE html>
<html>
<head>
<title> WEB1 - JavaScript</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="index.html">WEB</a></h1>
<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.color = 'white';
document.querySelector('#night_day').value = 'day';
} else {
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
document.querySelector('#night_day').value = 'night';
}
">
<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>
</ol>
<h2>JavaScript</h2>
<p>
JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. It is used to make webpages interactive and provide online programs, including video games. The majority of websites employ it, and all modern web browsers support it without the need for plug-ins by means of a built-in JavaScript engine. Each of the many JavaScript engines represent a different implementation of JavaScript, all based on the ECMAScript specification, with some engines not supporting the spec fully, and with many engines supporting additional features beyond ECMA.
</p> -
211230 완료 감사합니다.
-
2021-12-23
<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.color = 'white';
document.querySelector('#night_day').value = 'day';
} else {
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
document.querySelector('#night_day').value = 'night';
}
"> -
2021-12-16 완료
고맙습니다. -
완료
-
오후 1:57 2021-12-14
-
21.12.04 완료
-
21.11.22
-
완료
-
21-10-29. 7타.
-
21-10-28. 6타.
-
21-10-27. 5타.
-
21-10-26. 4타.
-
21-10-20. 3타.
-
21.10.20 감사!
-
21-10-19. 2타.
-
21-10-18. 1타.
-
21년10월17일 -
너무 재밌어요ㅠㅠㅠㅠㅠ
-
굳
-
211004
-
조건문의 힘... 잘 느꼈습니다.
이제 어떻게 쓰면 되죠? -
감사합니다
-
2021.09.28
-
2021.09.25. -
2021.09.18 am 03:15
우리가 입력한 코드를 넣고 웹페이지를 열었을 때
웹페이지의 속성값이 night가 되고 onclick을 했을 때
if를 타고 문서인의 선택자 아이디 값이 value와 같기 때문에
body의 backgroundColor를 블랙으로 넣을 것이다.
body의 text color를 화이트로 넣을 것이다.
그리고 문서인의 선택자 아이디 값이 value를 day로 넣을 것이다.
또 한 번 onclick을 했을 때
if를 타고 문서인의 선택자 아이디 값이 night에서 day로 변환되어 있기 때문에
조건이 맞지 않아
else를 읽고 값을 night로 다시 변환시킨다.
여러분 파이팅 합시다 -
2021.09.16 pm14:38 -
210825 완료 -
2021.08.13 수강완료
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
