테스트 사이트 - 개발 중인 베타 버전입니다

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 포인트

</p>

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

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

    }</p>

<p>

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

답변에 대한 댓글 1개

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

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

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

로그인

전체 질문 목록

🐛 버그신고