대구AI스쿨 2기 JS 2일차

학습한 내용

(진도와 학습한 내용을 작성, 소스파일을 실행한 결과 첨부)

16진수라고 함

https://picsum.photos/
이미지 참고 사이트

https://coolors.co/
CSS 디자인 참고 사이트

<input type="button" value="night" onclick="
    let btn = this;
    if(btn.value === 'night'){
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';
        btn.value = 'day';
        document.querySelector('#a1').style.color = 'white';
        document.querySelector('#a2').style.color = 'white';
        document.querySelector('#a3').style.color = 'white';
        document.querySelector('#a4').style.color = 'white';
    } else {
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
        btn.value = 'night';
        document.querySelector('#a1').style.color = 'black';
        document.querySelector('#a2').style.color = 'black';
        document.querySelector('#a3').style.color = 'black';
        document.querySelector('#a4').style.color = 'black';
    }
">

다크모드 버튼 토글 버튼으로 개선

<html>
    <body>
        <script>
            let input_id = prompt('아이디?');
            if(input_id === 'analoglife'){
                alert(input_id+'님 안녕하세요 ^^');
            } else {
                alert('누구세요?');
            }
            
        </script>
    </body>
</html>

---
<html>
    <body>
        <h1>Boolean</h1>
        <script>
            console.log(true);
            console.log(false);
        </script>

        <h1>Comparison Operator</h1>
        <script>
            console.log(1<1);
            console.log(1===1);
        </script>

        <h1>Conditional Statements</h1>
        <script>
            console.log(1);
            if(true){
                console.log('2 - true');
            } else {
                console.log('2 - false');
            }
            console.log(3);

            console.log(4);
            if(false){
                console.log('5 - true');
            } else {
                console.log('5 - false');
            }
            console.log(6);
        </script>
    </body>
</html>

로그인과 로직

학습한 내용 중 어려웠던 점 또는 해결못한 것들

(학습하면서 이해하기 어려웠던 내용들에 대해 작성하고 또는 아직 해결하지 못한 내용들을 작성)

-없음

해결방법 작성

(이해하기 어려웠던 점 또는 해결못했던 점들을 어떻게 해결을 했는지 아니면 이렇게 이해를 했다라는 것들을 작성 또는 아직 이해가 안간다면 어디까지 이해했는지를 작성하고 다음에 시도해볼 방법에 대해서 작성)

-없음

학습 소감

(학습을 하면서 느꼈던 점들에 대해 작성)

-복습 할 때 전날 배운 것만 하는게 아니라 처음 부터 전날 배운 것 까지 학습하는 것을 추천한다.

좋은 웹페이지 즐겨찾기