WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
3504
Huzaifa
Abrir no Editor
Publique Seu Código
15 May 2025
Botões de neon
22 August 2025
Comentário de espaço reservado para código HTML
HTML
Copy
<html> <head> <title>Random Quote Generator</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container mt-5"> <h1 class="text-center mb-4">Random Quote Generator</h1> <div class="input-group mb-3"> <input type="text" id="nameInput" class="form-control" placeholder="Enter your name"> <button class="btn btn-primary" onclick="generateQuote()">Generate Quote</button> </div> <div id="quoteOutput" class="mt-3"></div> </div> <script> function generateQuote() { const name = document.getElementById('nameInput').value; const quotes = [ `"${name}, the only way to do great work is to love what you do."`, `"${name}, life is 10% what happens to us and 90% how we react to it."`, `"${name}, success is not the key to happiness. Happiness is the key to success."`, `"${name}, the only limit to our realization of tomorrow will be our doubts of today."`, `"${name}, believe you can and you're halfway there."` ]; const randomQuote = quotes[Math.floor(Math.random() * quotes.length)]; document.getElementById('quoteOutput').innerHTML = `<p class="lead">${randomQuote}</p>`; } </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script> </body> </html>
CSS
Copy
/* Replace with your CSS Code (Leave empty if not needed) */
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
