Jzlearning: script.js

link shortener

Link Shortener

Link Shortener

body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { text-align: center; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } input { padding: 5px; width: 300px; margin-right: 10px; } button { padding: 5px 10px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: #0056b3; } function shortenLink() { var originalLinkInput = document.getElementById("originalLink"); var shortenedLinkElement = document.getElementById("shortenedLink"); var originalLink = originalLinkInput.value; if (originalLink) { // Replace this with your actual link shortening logic or service API call var shortenedLink = "https://short.link/" + Math.random().toString(36).substring(7); shortenedLinkElement.innerHTML = `Shortened link: ${shortenedLink}`; } else { shortenedLinkElement.innerHTML = "Please enter a valid link."; } }