안녕하세요, Javascript return 관련 질문 드립니다..

Question

const giveGenreToColor &#61; async () &#61;> { const data &#61; await getAvailableGenreSeeds(); const genres_black &#61; [data.genres[52]]; const genres_gray &#61; [data.genres[2], data.genres[16], data.genres[103]]; const genres_violet &#61; [data.genres[12], data.genres[95]]; const genres_yellow &#61; [data.genres[21], data.genres[47]]; const genres_white &#61; [data.genres[4], data.genres[85]]; const genres_orange &#61; [data.genres[18], data.genres[31], data.genres[124]]; const genres_red &#61; [data.genres[8], data.genres[66], data.genres[102]]; const genres_blue &#61; [data.genres[67], data.genres[94], data.genres[100]]; const genres_green &#61; [data.genres[0], data.genres[9], data.genres[110], data.genres[115]]; const colorContainer &#61; document.querySelectorAll(&#34;div .colorContainer&#34;); colorContainer.forEach((e) &#61;> { e.addEventListener(&#34;click&#34;, () &#61;> { const genresByColor &#61; eval(&#96;genres_${e.id}&#96;); const num &#61; (Math.floor(Math.random() * genresByColor.length)); const genreIdByColor &#61; genresByColor[num]; return genreIdByColor; }); }); const genreId &#61; genreIdByColor 가 되도록 하고 싶습니다 return genreId; } giveGenreToColor(); 안녕하세요, 초보자 포트폴리오 제작 중 질문 드립니다. 현재까지giveGenreToColor() 함수 실행시,HTML상에서 각각의 colorContainer를 클릭하면해당 colorContainer.id에 맞는 genre(genreIdByColor) 가 출력 되도록 구현을 하였습니다. 이후위의 genreIdByColor 값을 최종적으로 genreId로서 리턴하여 사용하고 싶습니다.이때 forEach문의 스코프 밖으로 벗어나야 할 것 같은데..어떻게 해야 할지 갈피가 잡히지 않아 여쭈어 보고자 합니다.

밤아홉시 · Accepted Answer

그냥 foreach가 아니라 리스너를 다셨잖아요. 리스너 안에서 해결하셔야 합니다. 리스너 안에서 genreId 사용 함수를 실행하세요. 그리고 저렇게 각 요소마다 리스너를 다는 것 보다는 위에 감싸고 있는 요소 하나에 리스너를 다는 게 좋습니다. 이벤트 위임으로 검색 한 번 해 보세요.

masca33 · Answer

감사합니다 해결해 보도록 하겠습니다!

masca33 · Answer

달아주신 답변 덕분에 해결하였습니다 정말 감사합니다 ^^

안녕하세요, Javascript return 관련 질문 드립니다..

3개의 답변

Q&A 목록