JavaScript
-
[WEB2 JavaScript] 14. 조건문 예고, 17.조건문의 활용 | 초코더JavaScript/생활코딩 2019. 11. 14. 15:10
오늘은 간단한 조건문에 대해 공부해볼게요. 우선 저번 시간에는 아래 사진과 같이 night버튼을 누르면 배경검정_글씨흰색, day버튼을 누르면 배경흰색_글씨검정이 되도록 만들었는데요. 버튼 하나를 가지고 day일때 버튼을 누르면 night로, night일때 버튼을 누르면 day로 변경되게 바꿔보겠습니다. document.querySelector('#night_day').value 우선 버튼 하나만 가지고 제어하기 위해서는 지금 버튼의 상태가 무엇인지 가져와야겠죠? 지금 버튼의 value값을 가져오는 코드입니다. 이렇게 하면 id값 night_day의 value값을 가져옵니다. 이 값이 night인지 day인지 비교하는 조건문을 아래에 짜볼게요. if(document.querySelector('#night..
-
[WEB2 JavaScript] 12.제어할 태그 선택하기 | 초코더JavaScript/생활코딩 2019. 11. 14. 13:27
오늘은 자바스크립트의 기초인 제어할 태그 선택하는 법에 대해서 공부해볼게요! 우선 저는 생활코딩을 참조하면서 공부를 했습니다. 앞으로도 공부하는 것들을 쭉 기록하면서 공유해볼게요!!ㅎㅎ HTML코드에서 제어하고 싶은 선택자를 어떻게 선택하는지에 대해 알아볼게요. 우선 body태그 전체를 선택하고 싶다면 이런식으로 사용해줍니다. 코드에서 하나하나 이해하는 것도 중요하지만 어떻게 쓰이는지 알고 바로 써보면서 익숙해지는게 중요한 것 같아요. document.querySelector('body') 그럼 선택자를 선택했으니 이제 스타일을 변경하는 법입니다. 이렇게 해주면 body태그에 있는 style의 backgroundColor가 black으로 변경됩니다. 원래 HTML에서 스타일을 변경할 때에는 backgro..