개발의 시작과 끝

2021.02.04 / JavaScript - 제어할 태그 선택 본문

자바스크립트

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

'자바스크립트' 카테고리의 다른 글

2021.02.05 / JavaScript - 리팩토링  (0) 2021.02.05
2021.02.05 / JavaScript - 조건문 활용  (0) 2021.02.05
2021.02.04 / JavaScript - 변수와 대입 연산자  (2) 2021.02.04
2021.02.04 / JavaScript - 데이터 타입  (0) 2021.02.04
2021.02.04 / JavaScript - 콘솔  (0) 2021.02.04
'자바스크립트' Related Articles more