Most Trending Viral Website Ai content writer writer coding

YouTube SEO Tags

Enter your tags:

Tags:

/* Styles for the container */ .container { max-width: 800px; margin: 0 auto; padding: 20px; } /* Styles for the form */ form { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; } label { margin-right: 10px; } input[type="text"] { flex-grow: 1; padding: 5px; border-radius: 3px; border: 1px solid #ccc; } button[type="button"] { padding: 5px 10px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } button[type="button"]:hover { background-color: #0062cc; } /* Styles for the tags container */ .tags-container { background-color: #f8f9fa; padding: 20px; border-radius: 3px; } .tags-container p { font-weight: bold; margin-bottom: 10px; } ul { list-style: none; padding: 0; margin: 0; } li { display: inline-block; background-color: #e9ecef; padding: 5px 10px; margin-right: 10px; border-radius: 3px; font-size: 14px; } // Get the input and list elements const tagsInput = document.getElementById('tags'); const tagsList = document.getElementById('tags-list'); // Add tag function function addTag() { // Get the value of the input const tagValue = tagsInput.value.trim(); if (!tagValue) return; // Create a new list item element with the tag value const li = document.createElement('li'); li.textContent = tagValue; // Append the new list item to the list tagsList.appendChild(li); // Clear the input field tagsInput.value = ''; }