From 3304b6189c6e80b3274f369c8440a0dea84e6ef5 Mon Sep 17 00:00:00 2001
From: Orlando Castillo <omaddoc@gmail.com>
Date: Mon, 17 Apr 2023 02:35:57 -0400
Subject: [PATCH 1/3] added 2 events

---
 src/index.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index 13e4739cd..90f027ee6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,12 @@
-import './less/index.less'
+import './less/index.less';
 
 // Your code goes here!
+document.querySelector('.nav').addEventListener('mouseover', (event) => {
+  event.target.style.color = 'red';
+});
+
+document.addEventListener('keydown', () => {
+  document
+    .querySelector('.main-navigation')
+    .classList.toggle('main-navigation-keydown');
+});

From ea7c647ce2dbb39a54514d3cf6a9d0e1b2a7e472 Mon Sep 17 00:00:00 2001
From: Orlando Castillo <omaddoc@gmail.com>
Date: Mon, 17 Apr 2023 02:37:34 -0400
Subject: [PATCH 2/3] added wheel event

---
 src/index.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/index.js b/src/index.js
index 90f027ee6..4590cfa49 100644
--- a/src/index.js
+++ b/src/index.js
@@ -10,3 +10,7 @@ document.addEventListener('keydown', () => {
     .querySelector('.main-navigation')
     .classList.toggle('main-navigation-keydown');
 });
+
+document.querySelector('.intro img').addEventListener('wheel', () => {
+  document.querySelector('.intro img').style.transform = 'rotate(180deg)';
+});

From eeb17e8d12c51a8c00a388b212f21997196e827a Mon Sep 17 00:00:00 2001
From: Orlando Castillo <omaddoc@gmail.com>
Date: Mon, 17 Apr 2023 10:38:10 -0400
Subject: [PATCH 3/3] MVP

---
 src/index.js | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/index.js b/src/index.js
index 4590cfa49..ebeff912b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -14,3 +14,31 @@ document.addEventListener('keydown', () => {
 document.querySelector('.intro img').addEventListener('wheel', () => {
   document.querySelector('.intro img').style.transform = 'rotate(180deg)';
 });
+
+window.addEventListener('load', () => {
+  alert('Welcome to the Fun Bus website!');
+});
+
+document.querySelector('.nav-link').addEventListener('focus', (event) => {
+  event.target.style.background = 'yellow';
+});
+
+window.addEventListener('resize', () => {
+  document.querySelector('.logo-heading').style.fontSize = '2rem';
+});
+
+document
+  .querySelector('.content-section')
+  .addEventListener('select', (event) => {
+    event.target.style.background = 'lightblue';
+  });
+
+document.querySelector('.btn').addEventListener('dblclick', (event) => {
+  event.target.textContent = 'Clicked!';
+});
+
+document.querySelectorAll('.destination').forEach((destination) => {
+  destination.addEventListener('dblclick', (event) => {
+    event.target.style.backgroundColor = 'lightgreen';
+  });
+});