1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <!DOCTYPE html>
| <html lang="en">
| <head>
| <meta charset="UTF-8">
| <title>Event Handling</title>
| <script defer src="event-handling.js"></script>
| </head>
| <body>
| <custom-a></custom-a>
| <custom-b></custom-b>
| <script>
| document.querySelector("custom-a").addEventListener("customevent", (event) => {
| alert("custom event a!");
| });
| document.querySelector("custom-b").addEventListener("customevent", (event) => {
| alert("custom event b!");
| });
| </script>
| </body>
| </html>
|
|
