[0324] [공통교육-웹기초] JavaScript 2/3

김규리·2022년 3월 24일
  1. 학습한 내용

1)logic.html

Boolean

    <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>
#### 2)loop.html

배열(Array)

      <html>
<body>
    <script>
        let input_id = prompt('아이디?');
        if(input_id === 'egoing'){
            alert(input_id+'님 안녕하세요 ^^');
        } else {
            alert('뉘슈?');
        }
        
    </script>
</body>
4) 데이,나이트 버튼 input type="button" id="dnbtn" value="night" onclick=" let button = document.querySelector('#dnbtn') 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='yellow'; document.querySelector('body').style.color='black'; button.value = 'night'; } ## ** 2. 어려웠던 점** let button의 this는 태그한 것으로 바꾸게 되어 있다는 점, 대입연산자와 동등비교연산자 잘 구분해야 하는 점 ## 3. 해결방법 복습 또 복습,, 녹화한 거 주말에 다시 정주행 할 것 ## 4. 학습소감 조건문과 반복문, 비교연산자 등등 여러모로 헷갈리는 것들이 많았다. 조금 더 공부시간을 늘려 노력해야겠다. 기억해야 할것: 배열은 서로 연관된 데이터를 그룹핑해서 이름 붙인것..!
profile
코딩

0개의 댓글