여러 개의 function을 e.target을 이용해서 하나로 가능하게 하고 싶습니다.

Question

// 최상단 div

// grid-container 내 div

// 최하단 div

한식

~

kenu,전독시 · Answer

step1: function changeImg() { const img &#61; document.getElementById(&#34;img1&#34;); const src &#61; img.src; if (src.indexOf(&#34;images/korean.png&#34;) !&#61; -1) { img.src &#61; &#34;images/korean_BL.png&#34;; } else { img.src &#61; &#34;images/korean.png&#34;; } }step2: function changeImg(e) { const img &#61; e.target; const src &#61; img.src; if (src.indexOf(&#34;images/korean.png&#34;) !&#61; -1) { img.src &#61; &#34;images/korean_BL.png&#34;; } else { img.src &#61; &#34;images/korean.png&#34;; } }

steadily · Answer

kenu 선생님 감사합니다. 이것을 다른 div 내 이미지에 대해서도 적용하게 하려면 어떻게 하면 될까요??

rezigrene · Answer

_BL.png 패턴이 유지된다는 가정하에.. function changeImg(e) { const img &#61; e.target; const src &#61; img.src; if (src.endsWith(&#34;_BL.png&#34;)) { img.src &#61; img.src.replace('_BL.png', '.png') } else { img.src &#61; img.src.replace('.png', '_BL.png') } }

steadily · Answer

아 replace를 쓰면 되겠구나.. rezigrene 선생님 감사합니다!

여러 개의 function을 e.target을 이용해서 하나로 가능하게 하고 싶습니다.

4개의 답변

#e.target 목록