자바스크립트

2021.02.04 / JavaScript - 제어할 태그 선택

개발지혜 2021. 2. 4. 14:22

생활코딩 12강 - 제어할 태그 선택하기

 

자바스크립트를 이용하면 사용자와 상호작용해 HTML, CSS를 동적으로 사용할 수 있다.

2개의 버튼으로 만든 dark모드와 light모드 

<body style="background-color: black;">
    <h1>WEB</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';
    ">
</body>

 

 

참고

- www.youtube.com/watch?v=5tqfbgfA1LY&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=12