|
|
|
@ -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)=>{
|
|
|
|
|