인생은 여행 人生は旅

WEB2 - JavaScript(Day-Night전환) 본문

코딩 공부

WEB2 - JavaScript(Day-Night전환)

하늘빛 칵테일 2024. 1. 9. 10:42

style : 스타일 태그 안에 자바스크립트가 들어간다. 속성을 이용해서 효율적으로 사용.

☀︎ 밤,낮 전환모드 ^^

<body>
<h1><a href="index.html"></a>WEB</a></h1>
<input type="button" value="night" onclick="
document.querySelector('body').style.backgroundColor= 'black';
document.querySelector('body').style.color = 'white';
">

<input type="button" value="day" onclick="
document.querySelector('body').style.backgroundColor= 'white';
document.querySelector('body').style.color = 'black';
">

 

 

 

이번엔 실습 성공 ^^

필요한 태그들은 검색을 통해서 알아낼 수 있고, 

원하는 스타일로 변화를 줄 수 있다. 검색 능력도 중요!