From 868d28c48f2b81a79d736131696dec12beeafcf7 Mon Sep 17 00:00:00 2001
From: kdh8219 <kdh8219@monamo.dev>
Date: Sat, 30 Mar 2024 18:12:46 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20enter=ED=82=A4=EB=A1=9C=20shorten=20?=
 =?UTF-8?q?=EA=B0=80=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/script.js | 35 +++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/static/script.js b/static/script.js
index bc5a2b2..d947518 100644
--- a/static/script.js
+++ b/static/script.js
@@ -6,8 +6,24 @@ const qr_code = document.getElementById("qr-code");
 const error_message = document.getElementById("error");
 const copy_message = document.getElementById("copied");
 
-to_shorten_btn.addEventListener("click", async () => {
-   const original_url = url_input.value
+to_shorten_btn.addEventListener("click", shorten);
+addEventListener("keydown", (event) => {if(event.key == "Enter") shorten;});
+
+short_url.addEventListener("click", event => {
+    // copy the short url to clipboard
+    navigator.clipboard.writeText(event.target.innerText)
+    .then(() => {
+        // show a message
+        copy_message.style.opacity = "1";
+        setTimeout(() => copy_message.style.opacity = "0", 3000);
+    })
+    .catch(error => {
+        alert("An error has occurred...\n" + error);
+    });
+});
+
+const shorten = async () => {
+    const original_url = url_input.value
     // check if the url input is empty
     if (original_url.length === 0) {
         return;
@@ -52,20 +68,7 @@ to_shorten_btn.addEventListener("click", async () => {
     // get the qr code of the short url and show it
     qr_code.src = `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${result}`;
     qr_code.alt = result;
-});
-
-short_url.addEventListener("click", event => {
-    // copy the short url to clipboard
-    navigator.clipboard.writeText(event.target.innerText)
-    .then(() => {
-        // show a message
-        copy_message.style.opacity = "1";
-        setTimeout(() => copy_message.style.opacity = "0", 3000);
-    })
-    .catch(error => {
-        alert("An error has occurred...\n" + error);
-    });
-});
+}
 
 const rickroll = {
     check: (url)=>{