Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <body> <div id="outer" style="padding: 20px; border: 1px solid black;"> Outer div <div id="inner" style="padding: 20px; border: 1px solid red;"> Inner div </div> </div> <script> document.getElementById("outer").addEventListener("click", function() { alert("Outer div clicked (capturing)"); }, true); document.getElementById("inner").addEventListener("click", function() { alert("Inner div clicked (bubbling)"); }); </script> </body> </html>
console output