From 89f25c57802c7ef93ddcfed2837f87574893cec0 Mon Sep 17 00:00:00 2001
From: JanluOfficial <95766563+JanluOfficial@users.noreply.github.com>
Date: Fri, 10 Jan 2025 18:31:41 +0100
Subject: [PATCH] Event Listener Functions

---
 .../event-handling/add-an-event-listener.md   | 11 ++++++++
 .../remove-an-event-listener.md               | 11 ++++++++
 .../event-handling/trigger-a-custom-event.md  | 25 +++++++++++++++++++
 3 files changed, 47 insertions(+)
 create mode 100644 snippets/javascript/event-handling/add-an-event-listener.md
 create mode 100644 snippets/javascript/event-handling/remove-an-event-listener.md
 create mode 100644 snippets/javascript/event-handling/trigger-a-custom-event.md

diff --git a/snippets/javascript/event-handling/add-an-event-listener.md b/snippets/javascript/event-handling/add-an-event-listener.md
new file mode 100644
index 00000000..7850909b
--- /dev/null
+++ b/snippets/javascript/event-handling/add-an-event-listener.md
@@ -0,0 +1,11 @@
+---
+title: Add an event listener
+description: Add an event listener to an element
+author: JanluOfficial
+tags: event-handling
+---
+
+```js
+const myElement = document.getElementById("myElement");
+myElement.addEventListener("click", function(){ myFunction("Param1", 2) });
+```
\ No newline at end of file
diff --git a/snippets/javascript/event-handling/remove-an-event-listener.md b/snippets/javascript/event-handling/remove-an-event-listener.md
new file mode 100644
index 00000000..bba1e4eb
--- /dev/null
+++ b/snippets/javascript/event-handling/remove-an-event-listener.md
@@ -0,0 +1,11 @@
+---
+title: Remove an event listener
+description: Remove an event listener from an element
+author: JanluOfficial
+tags: event-handling
+---
+
+```js
+const myElement = document.getElementById("myElement");
+myElement.removeEventListener("click", function(){ myFunction("Param1", 2) });
+```
\ No newline at end of file
diff --git a/snippets/javascript/event-handling/trigger-a-custom-event.md b/snippets/javascript/event-handling/trigger-a-custom-event.md
new file mode 100644
index 00000000..4bf25ef2
--- /dev/null
+++ b/snippets/javascript/event-handling/trigger-a-custom-event.md
@@ -0,0 +1,25 @@
+---
+title: Trigger a custom event
+description: Triggers a custom event on an element
+author: JanluOfficial
+tags: event-handling,custom-event
+---
+
+```js
+function handleCustomEvent(event) {
+  console.log('Custom event triggered:', event.detail);
+}
+
+const targetElement = document.getElementById('targetElement');
+targetElement.addEventListener('myCustomEvent', handleCustomEvent);
+
+const customEvent = new CustomEvent('myCustomEvent', {
+  detail: {
+    message: 'This is a custom event',
+    time: new Date(),
+  },
+});
+
+// Usage:
+targetElement.dispatchEvent(customEvent);
+```
\ No newline at end of file