WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
3023
Huzaifa
Apri nell'Editor
Pubblica il Tuo Codice
21 November 2024
CIAO
13 June 2025
Un codice di Metehan
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) */
