[JS] 라이트모드,다크모드 전환
html내용.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이벤트 처리하기</title>
<link rel="stylesheet" href="./script/css/css11sol.css">
</head>
<body class = "white-mode">
<hr>
<div id ="sub1" class ="event-box" onclick ="changeShadow(this);">클릭해보세요!</div>
<div id ="sub2" class ="event-box"
onmouseleave="changeShadow(this);"
onmouseover="changeShadow(this);">
>
마우스를 올려보세요!
</div>
<div id ="brightness" onclick="changeBrightness();">Day & Night</div>
<script src="./script/js11sol.js"></script>
</body>
</html>
js내용.
const body = document.body;
function changeBrightness(){
if(body.className === 'white-mode'){
body.className = 'dark-mode';
}else if(body.className === 'dark-mode'){
body.className = 'white-mode';
}
}
Author And Source
이 문제에 관하여([JS] 라이트모드,다크모드 전환), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kjy5947/JS-라이트모드다크모드-전환저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)