JavaScript3

1) 오늘학습한 내용

반복문의 활용에 대한 학습

2) 학습한내용중 해결하지 못한 점

if를 활용하여 'night'버튼과 'day'버튼을 하나로 만들기

3)해결한 방법

강사님의 강의를 복습하며 비교 하여 코드 작성해봄

수정 전 코드

<input type="button" value="night" onclick="
        if(button.value==='night'){
            document.querySelector('body').style.
            backgroundColor='black';
            document.querySelector('body').style.
            color='white';
            
            button.value='day';

        }else{
            document.querySelector('body').style.
            backgroundColor='white';
            document.querySelector('body').style.
            color='black';
            
            button.value='night';
        }
    ">

수정후 코드

<input type="button" value="night" onclick="
        let button = this
        if(button.value==='night'){
            document.querySelector('body').style.
            backgroundColor='black';
            document.querySelector('body').style.
            color='white';
            
            button.value='day';

        }else{
            document.querySelector('body').style.
            backgroundColor='white';
            document.querySelector('body').style.
            color='black';
            
            button.value='night';
        }
    ">

잘못된 점 선언을 해주지 않아 작동을 하지 않았음

수업에 대한 소감

복습의 꾸준함을 느끼며 이번주에 했던 내용들을 다시 한번 상기시키면서
내것으로 만들어야 함을 느꼈다.
새로운 것도 중요하지만 오래 걸려도 내가 스스로 만들 수 있도록 학습해야 할 거 같다.