You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
우선 적용하기 편하고, 이해하기 쉬운 방법을 소개해드릴게요
버튼을 누를 때 마다 HTML에서 여러 많은 요소를 포함하는 부모 태그(body태그)에다 페이지를 어둡게 그려야하는지 아닌지를 나타내는 class를 추가하고 빼는 방법입니다.
예시
<inputtype="button"value="night"onclick=" var target = document.querySelector('body'); if (target.classList.toggle('dark')) { // 페이지를 어둡게 했을 때 실행할 코드 // 별도의 JavaScript단위의 적용이 필요없다면 if문 자체를 작성하지 않아도 상관없습니다. console.debug('페이지가 어두워짐!') } else { // 페이지를 밝게 했을 때 실행할 코드 // 별도의 JavaScript단위의 적용이 필요없다면 if문 자체를 작성하지 않아도 상관없습니다. console.debug('페이지가 밝아짐!') }">
이렇게 하면, 버튼을 누를 때 마다 body 태그에 dark라는 class가 추가되거나 사라집니다
day/night 모드 변경 버튼 클릭시
태그의 색상들만 변경이 되고 나머지 텍스트의 색상은 변경이 되지 않습니다 ㅜㅜ 정말 기초적인 것이지만 검색을 해보아도 도통 작동되지 않아 질문드립니다..!
li태그 내의 a태그, h1태그에 접근하는 방법이 궁금합니다!
시도해본 방법
document.querySelecetorAll(a).color = "white";
document.getElmentId(grid).color = "white";
(문법적으로 어디서 잘못된 것인지도 궁금합니다..!)
사용중인 운영체제 : Visual studio Code
코드
The text was updated successfully, but these errors were encountered: