Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Tablero

    Cargado por

    tigre tata
    2 vistas1 página
    Codigo de JavaScript para crear un tablero de Ajedrez

    Título original

    tablero

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    TXT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Codigo de JavaScript para crear un tablero de Ajedrez

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    2 vistas1 página

    Tablero

    Cargado por

    tigre tata
    Codigo de JavaScript para crear un tablero de Ajedrez

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <style>
    #tablero {
    display: inline-block;
    border:5px solid;
    }
    .fila {
    background-color: #999;
    display: table;
    }
    .recuadro {
    width:50px;
    height:50px;
    float:left;
    }
    <!--odd
    Representa elementos cuya posición numérica en una serie de
    hermanos es impar: 1, 3, 5, etc.
    even
    Representa elementos cuya posición numérica en una serie de
    hermanos es par: 2, 4, 6, etc. -->
    .fila:nth-child(odd) .recuadro:nth-child(even),
    .fila:nth-child(even) .recuadro:nth-child(odd)
    {
    background-color: white;
    }
    </style>
    </head>

    <body>
    <div id="tablero"></div>
    </body>

    </html>

    <script>
    const tamano=8;
    const tablero=document.getElementById("tablero");
    for (let i=0; i<tamano; i++) {
    // creamos la fila
    let fila=document.createElement("div");
    fila.classList.add("fila")
    for (let j=0; j<tamano; j++) {
    // creamos cada elemento de la fila
    let div=document.createElement("div");
    div.classList.add("recuadro")
    fila.appendChild(div);
    }
    tablero.appendChild(fila);
    }
    </script>

    También podría gustarte