[2일차] 자습

문제

index.html에 있는 모든 a태그의 글자 색깔을 배경색과 반전되게 하려한다.

• 검은 배경 ▶ 하얀색 글자
• 흰 배경 ▶ 검은색 글자

<input type="button" value="night" onclick="
let aTagSearch = document.querySelectorAll('a');
// console.log(aTagSearch);
if (this.value == 'night'){
	document.querySelector('body').style.backgroundColor='black';
    document.querySelector('body').style.color='white';
    this.value = 'day';
    for(let i=0;  i<aTagSearch.length; i++){
    	aTagSearch[i].style.color = 'white';
	}
} else {
	document.querySelector('body').style.backgroundColor='white';
    document.querySelector('body').style.color='black';
    this.value = 'night';
    for(let i=0;  i<aTagSearch.length; i++){
    	aTagSearch[i].style.color = 'black';
    }
}">

결과화면