JavaScript基本

コードの例

// 자바스크립트 코드 예시 1
if(document.querySelector('#night_day').value === 'night') {
  document.querySelector('body').style.backgroundColor = 'black';
  document.querySelector('body').style.color = 'white';
  document.querySelector('#night_day').value = 'day';
}
else {
  document.querySelector('body').style.backgroundColor = 'white';
  document.querySelector('body').style.color = 'black';
  document.querySelector('#night_day').value = 'night';
}

// 자바스크립트 코드 예시 2
// 위 코드와 동일 동작
var target = document.querySelector('body');
if(this.value === 'night') {
  target.style.backgroundColor = 'black';
  target.style.color = 'white';
  this.value = 'day';
}
else {
  target.style.backgroundColor = 'white';
  target.style.color = 'black';
  this.value = 'night';
}

// 자바스크립트 코드 예시 3
// head->script
function nightDayHandler(self){
    var target = document.querySelector('body');
    if(self.value === 'night'){
      target.style.backgroundColor = 'black';
      target.style.color = 'white';
      self.value = 'day';
      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length){
        alist[i].style.color = 'powderblue';
        i = i + 1;
      }
    } else {
      target.style.backgroundColor = 'white';
      target.style.color = 'black';
      self.value = 'night';
      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length){
        alist[i].style.color = 'blue';
        i = i + 1;
      }
    }
  }
// body
  <input type="button" value="night" onclick="
    nightDayHandler(this);
  ">
  <input type="button" value="night" onclick="
    nightDayHandler(this);
  ">

// 객체 coworkers 생성 및 멤버 추가
var coworkers = {
  prorammer : "Jameson",
  designer : "Alice",
  setColor : function(color) {...}
};

// 멤버 추가
coworkers.bookkeeper = "Michael";
coworkers["data scientist"] = "Smith"; 

// 멤버 순회 함수 추가
coworkers.showAll = function() {
  for(var key in this) {
    document.write(key+" : "+this[key]);
  }
}