WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
3692
Huzaifa
Im Editor öffnen
Veröffentlichen Sie Ihren Code
Empfohlen
30 May 2025
Registrierungs-/Anmeldeformular
15 July 2025
CSS-Dreieck-Umschaltanimation
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) */
