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)=>{ diff --git a/templates/about.html b/templates/about.html index 4fcf003..2fac92b 100644 --- a/templates/about.html +++ b/templates/about.html @@ -11,6 +11,7 @@

About Krll

Krll은 개인정보 수집 없이 URL을 단축하는 서비스입니다. 방해꾼 없이 빠르게 URL을 단축하고 공유하세요.

+

repository: https://git.worldc.one/sunwoo1524/krll

특징