Caja de color

2491 Huzaifa

Abrir en el editor Publica tu código

Recomendado

21 July 2025

FORMULARIO DE INICIO DE SESIÓN CON ID ÚNICO

19 March 2025

Luces de estudio

23 August 2025

Página de inicio de sesión en turco HTML: Formulario de inicio de sesión

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

FORMULARIO DE INICIO DE SESIÓN CON ID ÚNICO

Luces de estudio

Página de inicio de sesión en turco HTML: Formulario de inicio de sesión

HTML

CSS

JS

Recomendado

FORMULARIO DE INICIO DE SESIÓN CON ID ÚNICO

Luces de estudio

Página de inicio de sesión en turco HTML: Formulario de inicio de sesión

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS