Boîte de couleur

3140 Huzaifa

Ouvrir dans l'éditeur Video Publiez votre code

Recommandé

31 October 2023

Jeu de Serpent simple

28 August 2024

Effet de survol de navigation des images

18 December 2025

Demande de jeu Flash Ruffle : Mutilate a Doll 2 HTML

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>

Boîte de couleur

Recommandé

Jeu de Serpent simple

Effet de survol de navigation des images

Demande de jeu Flash Ruffle : Mutilate a Doll 2 HTML

HTML

CSS

JS

Recommandé

Jeu de Serpent simple

Effet de survol de navigation des images

Demande de jeu Flash Ruffle : Mutilate a Doll 2 HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS