Javascript

내가 살던 고향은 자바스크립트~

 

고향까진 오바고 여튼 처음 접해봤다고 여전히 제일 편한 언어가 자바스크립트. 자바 선행을 얼마까지 해야할지 모르겠어서 그냥 다시 자바스크립트로 왔다. 어차피 엑스형 프로젝트 완성도 다 못했고 자바스크립트+데이터베이스까지 공부해봐야겠다.

 

일단 이미 들었던 생활코딩 자바스크립트를 다시 복습중이다. 

오늘 했던거는 쿼리셀렉터로 바디 태그를 선택해서 배경색+글자색을 바꾸는 코드이다. 

 

이 기능을 사용자가 쓰기 위해서는 버튼을 눌러야한다. 그래서 버튼에 onclick 속성을 만들고 거기에 배경색 글자색이 바뀌어서 야간모드가 가능하게 하는 버튼을 만들어봤다. 

 

<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';
      

예전에는 이게 뭔지 모르고 그냥 받아 적었다면 지금은 적어도 왜 이렇게 구현되는지 이해가 간다.

 

여기서 더 보완하고 싶은점: 그냥 버튼 하나로 야간모드를 켰다껐다 하고싶다.