YouTube subscribe URL Tool with colorful styling and all its features use any free library

 

YouTube Subscribe URL Tool

body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 20px; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; } h1 { text-align: center; color: #FF0000; } input[type="text"] { width: 100%; padding: 10px; margin: 10px 0; border: 2px solid #FF0000; border-radius: 5px; font-size: 16px; } button { width: 100%; padding: 10px; background-color: #FF0000; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; } button:hover { background-color: #CC0000; } .result { margin-top: 20px; padding: 10px; border: 2px solid #FF0000; border-radius: 5px; text-align: center; display: none; } .result a { color: #FF0000; text-decoration: none; font-weight: bold; } .result a:hover { text-decoration: underline; } document.getElementById('generateButton').addEventListener('click', function() { const channelId = document.getElementById('channelId').value.trim(); const resultDiv = document.getElementById('result'); if (channelId) { // Create the subscribe link const subscribeLink = `https://www.youtube.com/channel/${channelId}?sub_confirmation=1`; // Display the result resultDiv.innerHTML = `Your Subscribe Link: ${subscribeLink}`; resultDiv.style.display = 'block'; } else { resultDiv.style.display = 'none'; alert('Please enter a valid YouTube Channel ID or URL.'); } });