2026, 새로운 도약을 시작합니다.

document.querySelector에 for문 변수를 넣으려면 채택완료

자바스크립트 문의를 드립니다.

for문 배열로 변수값에 따라 배경색을 바꾸려고 합니다.

아래 빨간색 부분에 fruits[i]를 넣으면 이상하게 작동이 안되네요.ㅜㅜ

그래서 일일이 숫자를 넣고 있는데 fruits[i]를 넣어 작동되게 하려면

어떻게 해야 할까요?

    for (let i = 0; i < fruits.length; i++) {
        if(fruits[i]==1){
        document.querySelector('[number=\'1\']').style.background = "red";
        }else if(fruits[i]==2){
        document.querySelector('[number=\'2\']').style.background = "red";
        }else if(fruits[i]==3){
        document.querySelector('[number=\'3\']').style.background = "red";
        }
    }

아래처럼 간단하게 구현하고 싶은데 방법이 없을까요? 도움 부탁 드려요ㅜㅜ

    for (let i = 0; i < fruits.length; i++) {
        document.querySelector('[number=\'fruits[i]\']').style.background = "red";
    }

답변 1개

채택된 답변
+20 포인트
Copy


    for (let i = 0; i  fruits.length; i++) {

        document.querySelector('[number=\'' + fruits[i] + '\']').style.background = "red";

    }

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

늦은 시간 답변 주셔서 감사해요. 아주 잘 작동합니다.ㅜㅜ 즐거운 설명절되세요^^~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고