|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<title>CofURL.cut</title> |
|
|
<p></p> |
|
|
</head> |
|
|
<body> |
|
|
<h1>CofURLcut</h1> |
|
|
<label for="long-url">Enter a long link:</label> |
|
|
<p></p> |
|
|
<input type="text" id="long-url" placeholder="https://cofai-urlcut.hf.space"> |
|
|
<p></p> |
|
|
<button id="shorten-button">Shorten</button> |
|
|
<br> |
|
|
<p></p> |
|
|
<label for="short-url">Short link:</label> |
|
|
<p></p> |
|
|
<input type="text" id="short-url" readonly> |
|
|
<p></p> |
|
|
<script> |
|
|
document.getElementById("shorten-button").addEventListener("click", function() { |
|
|
var longUrl = document.getElementById("long-url").value; |
|
|
|
|
|
|
|
|
fetch("https://api-ssl.bitly.com/v4/shorten", { |
|
|
method: "POST", |
|
|
headers: { |
|
|
"Content-Type": "application/json", |
|
|
"Authorization": "326c6f40970f20b2e71669323f7849575789630b" |
|
|
}, |
|
|
body: JSON.stringify({ |
|
|
long_url: longUrl |
|
|
}) |
|
|
}) |
|
|
.then(response => response.json()) |
|
|
.then(data => { |
|
|
var shortUrl = data.link; |
|
|
document.getElementById("short-url").value = shortUrl; |
|
|
}) |
|
|
.catch(error => { |
|
|
console.error(error); |
|
|
document.getElementById("short-url").value = "Ошибка при сокращении ссылки."; |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p></p> |
|
|
Link shortener by CofAI |
|
|
</body> |
|
|
</html> |
|
|
|
