JAVASCRIPT

22년 9월 4일 - 3

거위발바닥 2022. 9. 4. 18:16

이전의 버튼을 수정하면 버튼을 누를때 특정 텍스트의 글자 색이 변하게 가능 

if(this.value === 'night'){
  target.style.backgroundColor = 'black';
  target.style.color = 'white';
  this.value = 'day';
  var link = document.querySelectorAll('a')    <=== a태그가 붙은 모든 string을 변수로 설정, 자동 배열됨
  var i = 0;
    while(i < link.length){                                 <=== 반복문을 이용하여 배열된 값을 하나씩 반복해 색 지정
      link[i].style.color = 'powderblue';
      i = i + 1;
    }
} else {
  target.style.backgroundColor = 'white';
  target.style.color = 'black';
  this.value = 'night';
  var link = document.querySelectorAll('a')
  var i = 0;
    while(i < link.length){
      link[i].style.color = 'blue';
      i = i + 1;
  }
  }