Crear un tablero de ajedrez en html

Estándar

Aqui os dejo una forma de cómo crear un tablero de ajedrez.

Hay que tener dos ficheros el .html y el .css.

El .html:

<!DOCTYPE html>
<html lang=”es”>

<head>
    <meta charset=”utf-8″>
    <link rel=”stylesheet” href=”ajedrez.css”/>
    <title>Ajedrez</title>    
</head>
<body>
    
    <header><h1>Ajedrez</h1></header>
       
    <section>
        <script>
            for (x=8;x>=1;x–)
                {
                    document.write(x, “<br>”);
                }
        </script>
        <table>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </section>
        <br>
        <p>a&nbsp;&nbsp; b&nbsp;&nbsp; c&nbsp;&nbsp; d&nbsp;&nbsp; e&nbsp;&nbsp; f&nbsp;&nbsp; g&nbsp;&nbsp; h</p>
    <footer>
    <small>
    Copyright &copy; 2013<br/>
    Actualizado en: 8 Noviembre 2013           
    </small>        
    </footer>
</body>

</html>

Y aqui el .css:

section {
    font-size: 41px;
    position:absolute;
    top:100px;
    left:40px;
    width:90px;
 }
table {
  border-style:solid;
  border-color: #000000;
  border-spacing:0px;
  float:left;
  position:absolute;
  top:-13px;
  left:30px;
  width:100px;
 }
th {
  border-style:solid;
  padding:25px;
 }
 
td {
  border-style:none;
  padding:25px;
 }
 
 p {
    font-size: 38px;
    font-family:arial;
    position:absolute;
    top:450px;
    left:80px;
    width:600px;
 }
 
 footer{float:right}
 
.blanco{
background-color: #ffffff;
}

.negro{
background-color: #000000;
}

Espero que os guste y os ayude 🙂

Actividad 10 Navidad

Estándar

Actividad 10 Navidad mandada por pimi.

Haga un script que imprima todos los números de 1 a 100, y cuando encuentre un múltiplo de 7 escriba VIVA y cambie de linea.
Ejemplo:

1,2,3,4,5,6,VIVA
8,9,10,11,12,13,VIVA

<script>
var num
for (num=1;num<=100;num++)
{
if (num % 7 != 0)
{
document.write(num+”, “);
} else
{
document.write(“Viva<br>”);
}
}
</script>

Actividadad 9 Navidad

Estándar

Actividad 9 Navidad mandada por pimi.

Haga una página web que genere una pirámide de 1 a 7 formada de la siente forma:

1
22
333
4444
55555
666666
7777777

<script>
var num
var num2
for (num=1;num<=7;num++)
{
for (num2=1;num2<=num;num2++)
{
document.write(num);
}
document.write(“<br>”);
}
</script>

Actividad 8 Navidad

Estándar

Actividad 8 Navidad mandada por pimi.

Sabiendo que un número primo es un número natural mayor que 1 que tiene únicamente dos divisores distintos: el mismo y el 1. Hacer un algoritmo que muestre por pantalla todos los números primos comprendidos entre 1 y 100.

<script>
var num1
var num2
var primo
document.write(“1, “);
document.write(“2, “);
document.write(“3, “);
for(num1=4;num1<=100;num1++)
{
primo=true;
for(num2=2;num2<num1;num2++)
{
if(num1%num2==0)
primo=false;
}
if (primo)
{
document.write(num1 + “, “);
}
}
</script>

Actividad 6 Navidad

Estándar

Actividad 6 Navidad mandada por pimi.

Calcular el factorial de un número dado. (usa el do … while). El factorial de un número es:

n!= 1 x 2 x 3 x 4 x … x (n-1) x n

<script>
                var num
                num=prompt(“N\u00FAmero factorial”,”N\u00FAmero”);
                var resul = 1;
                var con=num;
                do
                {
                    resul = resul * con;
                    con–;
                }
                while(con > 0);
                    document.write(“El factorial de ” + num + ” es ” + resul);
</script>

Actividad 5 Navidad

Estándar

Actividad 5 Navidad mandada por pimi.

Hacer un programa que pida un número al usuario y indicar si ese numero es par o impar.

<script>
                var num
                num=prompt(“Escribe un n\u00FAmero” ,”N\u00FAmero”);
            if(num % 2==0)
            {
                document.write(“El n\u00FAmero es par.”);
            }
            else
            {
                document.write(“El n\u00FAmero es impar.”);
            }
 </script>

Avtividad 4 Navidad

Estándar

Actividad 4 Navidad mandada por pimi.

Escribe un algoritmo en JavaScript que pregunte un número entero, y nos diga el número de cifras que tiene.

<script>
                var num
                num=prompt(“Escriba un n\u00FAmero”,”N\u00Famero”);
                num=parseInt (num);
                var cifra
                if (num < 10)
                {
                    cifra=1;
                }
                else if (num < 100)
                {
                    cifra=2;
                }
                else if (num <= 1000)
                {
                    cifra=3;
                }
                else if (num < 10000)
                {
                    cifra=4;
                }
                else if (num < 100000)
                {
                    cifra=5;
                }
                else
                {
                    cifra=” 6 o m\u00E1s”;
                }
                alert(“El n\u00FAmero tiene ” + cifra + ” cifras”);
                document.write(“El n\u00FAmero tiene ” + cifra + ” cifras.”);

</script>