Caja de color

Abrir en el editor Publica tu código

Recomendado

26 June 2024

Animación de línea de frecuencia cardíaca

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>

Caja de color

Recomendado

Botón luminoso de discordia

La nueva calculadora de Mikey

Animación de línea de frecuencia cardíaca

HTML

CSS

JS

Recomendado

Botón luminoso de discordia

La nueva calculadora de Mikey

Animación de línea de frecuencia cardíaca

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS