Webleb - Snippets de Código -

2798 Huzaifa

Abrir no Editor Publique Seu Código

Recomendado

24 March 2025

Um Código por ribeirosarah905

26 March 2025

Landing page para um negócio de bicicletas

HTML

<html>
<head>
    <title>Color 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">
        <div class="row">
            <div class="col">
                <input type="text" id="inputColors" class="form-control mb-3" placeholder="Enter color(s)">
                <button onclick="generateColors()" class="btn btn-primary">Generate Colors</button>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col">
                <div id="outputColors" class="color-box mt-3"></div>
            </div>
        </div>
    </div>

colors.forEach(color => {
                const colorBox = document.createElement("div");
                colorBox.style.backgroundColor = color;
                colorBox.classList.add("generated-color");
                outputColors.appendChild(colorBox);
            });
        }
    </script>

.generated-color {
            width: 50px;
            height: 50px;
            margin: 5px;
            border: 1px solid black;
        }
    </style>

Recomendado

Um Código por ribeirosarah905

Landing page para um negócio de bicicletas

HTML

CSS

JS

Recomendado

Um Código por ribeirosarah905

Landing page para um negócio de bicicletas

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS