조건문의 활용

night와 day의 버튼을 하나로 합치는 것에 대한 영상입니다.

우선 버튼을 이렇게 새로 만들어 줍니다. 아직 if안에는 value값을 어떻게 가져오는지 몰라서

임의대로 작성을 했습니다. 이제 value 값을 어떻게 가져와야 하는지 검색을 해봅시다

javascript element get value

https://stackoverflow.com/questions/4173391/getting-dom-element-value-using-pure-javascript

Getting DOM element value using pure JavaScript

이 글을 보시면 value라는 값을 사용을 하라고 합니다.(getElementById === querySelector)

코드에 적용을 해봅시다.

이렇게 작성을 하면 버튼을 눌렀을 때 검정색으로는 변하지만 다시 하얀색으로는 변하지 않는 걸 볼 수 있습니다.

왜냐하면 value값은 여전히 night이기 때문입니다. 그래서 버튼을 클릭해서 바뀌었을때 value값도 바꿔줘야 합니다.

이렇게 작성을 해주시면 버튼 하나로도 night와 day를 오고갈 수 있게 됩니다!