תרגיל: בלחיצה על DIV מסוים יוצג בקונסול אותו הדיב שעליו לחצו

				
					 <div>
    <div class="eventDiv">Div 1</div>
    <div class="eventDiv">Div 2</div>
    <div class="eventDiv">Div 3</div>
  </div>
				
			

ראשית ניצור משתנה של שלושת הDIVים שלכולם יש את אותו קלאס
נרוץ עם לולאה על כולם באמצעות הפונקציה querySelectorAll
נאזין לקליק על האלמנט באמצעות addEventListener
נוסיף משתנה שמקבל את הקליק של אותה ריצה ונציג אותו באלרט

				
					let divCount = document.querySelectorAll('.eventDiv').length

for(let i=0; i<divCount; i++){
    document.querySelectorAll('.eventDiv')[i].addEventListener("click", function() {
      let text = this.innerText
      alert("You clicked on " + text)
    })
}

				
			

יישום הקוד לדוגמא:
לפניכם 3 ה-DIV האלו 
פתחו את הקונסול  >  הקליקו על אחד מהם  >  הDIV עליו לחצתם יופיע בקונסול

Div 1
Div 2
Div 3

ליצירת קשר השאירו פרטים כאן

שיתוף ב facebook
שיתוף ב twitter
שיתוף ב linkedin
שיתוף ב whatsapp