ta.da Checker

body { font-family: Arial, sans-serif; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { text-align: center; width: 80%; max-width: 600px; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { color: #333; } textarea { width: 100%; height: 150px; margin: 10px 0; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } button { padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer; border-radius: 4px; font-size: 16px; } button:hover { background-color: #45a049; } #outputText { margin-top: 20px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; text-align: left; white-space: pre-wrap; /* Preserve line breaks */ } function checkAndTransform() { var inputText = document.getElementById('inputText').value; var transformedText = transformText(inputText); displayTransformedText(transformedText); } function transformText(text) { // Replace all instances of "ta" with "ta.da" return text.replace(/ta/gi, 'ta.da'); } function displayTransformedText(text) { var outputDiv = document.getElementById('outputText'); outputDiv.textContent = text; }