diff --git a/playground.html b/playground.html
index 9e1a967..f73299a 100644
--- a/playground.html
+++ b/playground.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,6 +9,7 @@
     <link rel="stylesheet" href="playground.css">
     <script src="https://kit.fontawesome.com/8dc89a3c11.js" crossorigin="anonymous"></script>
 </head>
+
 <body>
     <article id="App">
         <h1 class="sr-only">8px의 토이 프로젝트입니다!</h1>
@@ -37,10 +39,19 @@ <h1 class="sr-only">8px의 토이 프로젝트입니다!</h1>
                 </a>
             </li>
         </ul>
-        <form>
+        <form id="form">
             <label for="text-box" class="sr-only">text box</label>
             <input type="text" id="text-box" placeholder="텍스트를 입력하세요" required>
+            <button id="btn1">버튼</button>
+
         </form>
     </article>
+    <script>
+        const inputEl = document.querySelector("#btn1");
+        inputEl.addEventListener("click", (e) => {
+            alert("hello!!")
+        })
+    </script>
 </body>
+
 </html>
\ No newline at end of file
