diff --git a/javascripttest/README.md b/javascripttest/README.md
new file mode 100644
index 0000000..386f9ff
--- /dev/null
+++ b/javascripttest/README.md
@@ -0,0 +1,7 @@
+[This fucking numpty](https://github.com/ilwoongchoi/javascripttest.git) asked ChatGPT to to generate a code for a webpage with a nav bar that has a slide down effect
+
+The result was complete fail.
+
+Gotta love the fucking lazy and entitled cunts that think programming is easy.
+
+If you want help on stackoverflow - you fucking do your part, and someone like me could probably help!
\ No newline at end of file
diff --git a/javascripttest/index.html b/javascripttest/index.html
new file mode 100644
index 0000000..df983a9
--- /dev/null
+++ b/javascripttest/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
Welcome to My Website
+
This is a simple example of an interactive slide-down navbar using HTML, CSS, and JavaScript.
+
+
+
+
\ No newline at end of file
diff --git a/javascripttest/script.js b/javascripttest/script.js
new file mode 100644
index 0000000..0de0591
--- /dev/null
+++ b/javascripttest/script.js
@@ -0,0 +1,17 @@
+function toggleNavbar() {
+ var navbarLinks = document.getElementById("navbarLinks");
+ if (navbarLinks.style.display !== "none") {
+ navbarLinks.style.display = "none";
+ } else {
+ navbarLinks.style.display = "block";
+ }
+}
+
+window.addEventListener("resize", function () {
+ var navbarLinks = document.getElementById("navbarLinks");
+ if (window.innerWidth > 768) {
+ navbarLinks.style.display = "block";
+ } else {
+ navbarLinks.style.display = "none";
+ }
+});
diff --git a/javascripttest/styles.css b/javascripttest/styles.css
new file mode 100644
index 0000000..835acac
--- /dev/null
+++ b/javascripttest/styles.css
@@ -0,0 +1,67 @@
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+}
+
+.navbar {
+ background-color: #333;
+ overflow: hidden;
+ padding: 15px;
+}
+
+.navbar-toggle {
+ cursor: pointer;
+}
+
+.navbar-toggle span {
+ background-color: #fff;
+ display: block;
+ height: 3px;
+ margin: 6px 0;
+ transition: 0.4s;
+}
+
+.navbar-links {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+.navbar-links li {
+ float: left;
+ margin-right: 20px;
+}
+
+.navbar-links a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+}
+
+.content {
+ padding: 20px;
+}
+
+@media screen and (max-width: 768px) {
+ .navbar-links {
+ display: none;
+ width: 100%;
+ text-align: center;
+ position: absolute;
+ top: 60px;
+ left: 0;
+ background-color: #333;
+ }
+
+ .navbar-links li {
+ float: none;
+ display: block;
+ }
+
+ .navbar-toggle {
+ display: block;
+ }
+}
\ No newline at end of file