diff --git "a/yoojin/\353\205\270\353\247\210\353\223\234/app.js" "b/yoojin/\353\205\270\353\247\210\353\223\234/app.js" index 0d1121a..6417946 100644 --- "a/yoojin/\353\205\270\353\247\210\353\223\234/app.js" +++ "b/yoojin/\353\205\270\353\247\210\353\223\234/app.js" @@ -1,16 +1,12 @@ -const title = document.querySelector("div.hello:first-child h1"); +const loginInput = document.querySelector("#login-form input"); +const loginButton = document.querySelector("#login-form button"); -function handleTitleClick() { - title.style.color = "blue"; +function onLoginBtnClick() { + console.log("hello", loginInput.value); } -function handleMouseEnter() { - title.innerText = "Mouse is here!"; +if (loginButton) { + loginButton.addEventListener("click", onLoginBtnClick); +} else { + console.error("loginButton이 존재하지 않습니다."); } - -function handleMouseLeave() { - title.innerText = "Mouse is gone!"; -} -title.addEventListener("click", handleTitleClick); -title.addEventListener("mouseenter", handleMouseEnter); -title.addEventListener("mouseleave", handleMouseLeave); diff --git "a/yoojin/\353\205\270\353\247\210\353\223\234/index.html" "b/yoojin/\353\205\270\353\247\210\353\223\234/index.html" index 876dc25..d77a8bb 100644 --- "a/yoojin/\353\205\270\353\247\210\353\223\234/index.html" +++ "b/yoojin/\353\205\270\353\247\210\353\223\234/index.html" @@ -7,8 +7,9 @@ Momentum App -
-

Click me!

+
+ +
diff --git "a/yoojin/\353\205\270\353\247\210\353\223\234/style.css" "b/yoojin/\353\205\270\353\247\210\353\223\234/style.css" new file mode 100644 index 0000000..e69de29