Webleb - HTML UI Elements -

Im Editor öffnen Veröffentlichen Sie Ihren Code

Empfohlen

30 May 2025

<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>

Empfohlen

Ladesymbol 4

Windows-Neustart

HTML

CSS

JS

Empfohlen

Ladesymbol 4

Windows-Neustart

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS