Merge branch 'main' of https://github.com/GDSC-DEU/Web-Basic-Study-23-24

GDSC-DEU · Jul 30, 2024 · 4a045e4 · 4a045e4
2 parents f03025f + 8028300
commit 4a045e4
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 4 deletions.
diff --git a/yoojin/html/colors.js b/yoojin/html/colors.js
@@ -25,14 +25,14 @@ var Body = {
 function nightDayHandler(self) {
   var target = document.querySelector("body");
   if (self.value === "night") {
-    Body.SetBackgroundColor = "black";
-    Body.SetColor = "white";
+    Body.SetBackgroundColor("black");
+    Body.SetColor("white");
     self.value = "day";
 
     Links.SetColor("powderblue");
   } else {
-    Body.SetBackgroundColor = "white";
-    Body.SetColor = "black";
+    Body.SetBackgroundColor("white");
+    Body.SetColor("black");
     self.value = "night";
 
     Links.SetColor("blue");

diff --git a/yoojin/노마드/app.js b/yoojin/노마드/app.js
@@ -0,0 +1,16 @@
+const title = document.querySelector("div.hello:first-child h1");
+
+function handleTitleClick() {
+  title.style.color = "blue";
+}
+
+function handleMouseEnter() {
+  title.innerText = "Mouse is here!";
+}
+
+function handleMouseLeave() {
+  title.innerText = "Mouse is gone!";
+}
+title.addEventListener("click", handleTitleClick);
+title.addEventListener("mouseenter", handleMouseEnter);
+title.addEventListener("mouseleave", handleMouseLeave);
diff --git a/yoojin/노마드/index.html b/yoojin/노마드/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Momentum App</title>
+  </head>
+  <body>
+    <div class="hello">
+      <h1>Click me!</h1>
+    </div>
+    <script src="app.js"></script>
+  </body>
+</html>