Comma-Separated Tools

Comma-Separated Tools

body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { width: 300px; padding: 20px; background-color: #f0f0f0; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } textarea { width: 100%; height: 100px; padding: 8px; box-sizing: border-box; margin-bottom: 10px; } button { cursor: pointer; padding: 8px 16px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; } button:hover { background-color: #45a049; } ul { list-style-type: none; padding: 0; } li { margin-bottom: 5px; } function displayTools() { // Get the input value and split by commas let input = document.getElementById('toolList').value; let tools = input.split(',').map(tool => tool.trim()); // Trim to remove any extra spaces // Get the output ul element let toolOutput = document.getElementById('toolOutput'); toolOutput.innerHTML = ''; // Clear previous content // Display each tool as a list item tools.forEach(tool => { if (tool !== '') { // Ensure not to display empty items let li = document.createElement('li'); li.textContent = tool; toolOutput.appendChild(li); } }); }