Advertisement
hoobird

TYM Web Dev IV lesson 5 event delegation Thomas makeup

Jun 28th, 2025
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.07 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <body>
  4.         <div>
  5.             <button>Button 1</button>
  6.             <button>Button 2</button>
  7.             <button>Button 3</button>
  8.             <button>Button 4</button>
  9.         </div>
  10.     </body>
  11.    
  12.     <script>
  13.         const div = document.querySelector('div');
  14.         div.addEventListener("click", (event) => {
  15.             if(event.target.innerText === 'Button 1') {
  16.                 alert(event.target.innerText + " was clicked");
  17.             }
  18.             // ----- Add your code below this line here -----
  19.             else if (event.target.innerText === 'Button 2') {
  20.                 alert(event.target.innerText + " was pressed");
  21.             }
  22.             else if (event.target.innerText === 'Button 3') {
  23.                 alert("You pressed " + event.target.innerText);
  24.             }
  25.             else if (event.target.innerText === 'Button 4') {
  26.                 alert("Why did you press " + event.target.innerText);
  27.             }
  28.             // ----- Add your code above this line here -----
  29.         });
  30.     </script>
  31.  
  32. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement