42 lines
1.6 KiB
JavaScript
42 lines
1.6 KiB
JavaScript
document.getElementById("urlInput").addEventListener("input", function() {
|
|
const urlInput = document.getElementById("urlInput");
|
|
const shortenButton = document.getElementById("shortenButton");
|
|
|
|
const urlPattern = /^(https?:\/\/)?([\w\d-]+\.)+[a-z]{2,6}(\/[\w\d-]*)*\/?$/i;
|
|
const isValid = urlPattern.test(urlInput.value);
|
|
|
|
if (isValid) {
|
|
urlInput.style.borderColor = "green";
|
|
shortenButton.disabled = false;
|
|
} else {
|
|
urlInput.style.borderColor = "red";
|
|
shortenButton.disabled = true;
|
|
}
|
|
});
|
|
|
|
document.getElementById("shortenButton").addEventListener("click", async function() {
|
|
const urlInput = document.getElementById("urlInput").value;
|
|
const outputContainer = document.getElementById("output-container");
|
|
const errorContainer = document.getElementById("error-container");
|
|
|
|
if (urlInput) {
|
|
// const shortenedUrl = urlInput + "-short"; // only for testing
|
|
|
|
const response = await fetch("/", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "text/plain",
|
|
},
|
|
body: urlInput,
|
|
});
|
|
if (response.ok){
|
|
const shortenedUrl = await response.text();
|
|
outputContainer.innerHTML = `<p>Shortened URL: <a href="${shortenedUrl}" target="_blank">${shortenedUrl}</a></p>`;
|
|
errorContainer.innerHTML = "";
|
|
}else{
|
|
const error = await response.text();
|
|
errorContainer.innerHTML = `<p>Something went wrong: ${error}</p>`;
|
|
outputContainer.innerHTML = "";
|
|
}
|
|
}
|
|
});
|