Array + Loop

    <script>
        var topics = ['html', 'css', 'js'] ;
        for(let i=0 ; i<topics.length ; i=i+1 ){
            console.log('i=>', topics[i]);
            document.write('<li>'+topics[i]+'</li>'); // li 태그 만들고 싶을때 식/ 태그로 감싸기 -> +( )+
        }
    </script>

  <h1>Object</h1>
  <script>
      let student = ['kasumigaoka', 'Kato'] ; // 배열, 배열에선 각각의 데이터를 '인덱스'로 식별. 인덱스로 식별되는 '객체'인것, 순서를 가지고 저장할때는 배열사용.
      console.log(student[0], student[1]);// 배열의 값을 꺼낼 때.

      //let member = ['kasumigaoka', 'Michiru']; // 객체에 이름을 붙일 수 있음(객체는)
      //console.log(member[0], member[1]);// 이 상태로는 각 데이터의 성질은 알 수가 없음.

      let member = {developer : 'kasumigaoka', designer : 'Michiru'}; // 객체 표시는 {} 사용, 헷갈리지 말것.
      console.log(member.developer, member.designer);

      let person = {name:'kasumigaoka', city:'Tokyo', job:'writer'};//순서없이 이름을 저장할때는 객체를 사용.
      console.log(person.name, person.city, person.job);

      let MyMath = {}
      MyMath.Pi = 3.14;
      MyMath.sum = function(val1,val2){
          return val1+val2;
      }
      console.log(MyMath.Pi);
      console.log(MyMath.sum(10,20));
  </script>

<script>
    function night(){
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';
        let as = document.querySelectorAll('a');
        for(let i=0; i<as.length;i=i+1){ // i=i+1 대신 i++ 써도 됨.
            as[i].style.color = 'white' ;
        }
    }
    function day(){
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
        let as = document.querySelectorAll('a');
        for(let i=0; i<as.length;i=i+1){ // i=i+1 대신 i++ 써도 됨.
            as[i].style.color = 'black' ;
        }
    }
</script>
<input type="button" id="dnbtn" value="night" onclick="
    let button = document.querySelector('#dnbtn') ; // 이거를 this 로 바꿔도 똑같이 동작(this는 )
    if(button.value === 'night') {
        night();
        button.value = 'daylight';
    } else {
        day(); 
        button.value = 'night' ;
    }
">`