<div class="viral-script-tool-container">
<!-- Input Section -->
<div class="input-section">
<textarea
id="userScriptInput"
placeholder="Paste your script here..."
class="script-input"
></textarea>
<button onclick="generateViralScript()" class="generate-button">Make It Viral!</button>
</div>
<!-- Output Section -->
<div class="output-section">
<pre><code id="formattedScript"></code></pre>
<button onclick="copyToClipboard()" class="copy-button">Copy Script</button>
<div class="social-share-buttons">
<button class="twitter-share">Share on Twitter</button>
<button class="facebook-share">Share on Facebook</button>
</div>
</div>
</div>
<script>
function generateViralScript() {
const userInput = document.getElementById('userScriptInput').value;
// Sanitize input (basic example)
const sanitizedInput = userInput.replace(/<script.*?>.*?<\/script>/gi, '');
// Format the script (e.g., capitalize titles)
const formattedScript = sanitizedInput
.toUpperCase() // Example transformation
.trim();
document.getElementById('formattedScript').textContent = formattedScript;
}
function copyToClipboard() {
const text = document.getElementById('formattedScript').textContent;
navigator.clipboard.writeText(text).then(() => {
alert('Copied to clipboard! 🚀');
});
}
</script>
Copy ScriptShare on TwitterShare on Facebook