Autor: Juan Pablo Fuentes

Formador de programación y bases de datos

Ejercicio tablas completo


$(function () {
    function celdas(){
        $('td').mouseenter(function () {
            $(this).addClass("destacado");
        });
        $('td').mouseleave(function () {
            $(this).removeClass("destacado");
        });
    }
    $('#crear').click(function () {

        var tabla = "";
        var filas = $('#filas').val();
        var columnas = $('#columnas').val();
        for (var i = 0; i < filas; i++) {
            tabla += "";
            for (var j = 0; j < columnas; j++) {
                tabla += "";
            }
            tabla += "";
        }

        tabla += "
#
";

        $('#resultado').html(tabla);
        celdas();

    });
    $('#crear2').click(function () {

        var tabla = "";
        var filas = $('#filas').val();
        var columnas = $('#columnas').val();
        var fila = "";
        for (var i = 0; i < columnas; i++) {
            fila += "";
        }
        for (var i = 0; i < filas; i++) {
            tabla += "" + fila + "";
        }
        tabla += "
#
";

        $('#resultado').html(tabla);
    });

    $('#crear3').click(function () {
        var tabla = "
";
        $('#resultado').html(tabla);
        var filas = $('#filas').val();
        var columnas = $('#columnas').val();
        for (var i = 0; i < filas; i++) {
            $('tbody').append("");
        }
        for (var i = 0; i < columnas; i++) {
            $('tr').append("#");
        }
    });
    
    $('#aumentar').click(function () {
        $('#fila_nueva').click();
        $('#col_nueva').click();
    });
    $('#fila_nueva').click(function () {
        var fila = $('tr').html();
        $('table').append("" + fila + "");
        celdas();
    });
    $('#col_nueva').click(function () {
        $('tr').append("#");
        celdas();
    });
    $('#rellenar').click(function () {
        $('td').text($('#contenido').val());
    });
    $('#numerar').click(function () {
        var cont = 1;
        $('td').each(function () {
            $(this).text(cont);
            cont++;
        });

    });
});

Quitar acentos

function omitirAcentos(text) {

      var acentos = "ÃÀÁÄÂÈÉËÊÌÍÏÎÒÓÖÔÙÚÜÛãàáäâèéëêìíïîòóöôùúüû";
      var original = "AAAAAEEEEIIIIOOOOUUUUaaaaaeeeeiiiioooouuuu";
      for (var i=0; i<acentos.length; i++) {
          text = text.replace(acentos.charAt(i), original.charAt(i));
      }
      return text;
}

Juego ahorcado

Vamos a crear un juego del ahorcado.

Tendremos un array con una serie de palabras.

La pantalla principal pondrá ‘Juego del ahorcado y un botón de jugar.

Al apretar jugar se seleccionará una palabra al azar y se dibujará como es habitual en el juego tantos guiones bajos como letras tenga la palabra.

Se crearán también una serie de botones con las letras del alfabeto.

Al pinchar en un botón se comprobará si la letra existe: si existe se dibuja en la palabra. Si no existe se aumenta el número de fallos. Si el número de fallos es siete se acaba el juego. Si la palabra está adivinada al completo el jugador gana. Al apretar un botón este queda desactivado.

Hay siete intentos.

Se adjuntan las imágenes.

¡Suerte!

Imágenes ahorcado

Crear filas y columnas en la tabla, modificar celdas

 $('#fila_nueva').click(function () {
        var fila = $('tr').html();
        $('table').append("<tr>" + fila + "</tr>");
        celdas();
    });
    $('#col_nueva').click(function () {
        $('tr').append("<td>#</td>");
        celdas();
    });
    $('#rellenar').click(function () {
        $('td').text($('#contenido').val());
    });
    $('#numerar').click(function () {
        var cont = 1;
        $('td').each(function () {
            $(this).text(cont);
            cont++;
        });

    });

Ejercicio crear tablas

Bucles anidados:

$('#crear').click(function () {

        var tabla = "<table  class='table table-bordered'>";
        var filas = $('#filas').val();
        var columnas = $('#columnas').val();
        for (var i = 0; i < filas; i++) {
            tabla += "<tr>";
            for (var j = 0; j < columnas; j++) {
                tabla += "<td>#</td>";
            }
            tabla += "</tr>";
        }

        tabla += "</table>";

        $('#resultado').html(tabla);
    });

Bucles sucesivos:

 $('#crear2').click(function () {

        var tabla = "<table  class='table table-bordered'>";
        var filas = $('#filas').val();
        var columnas = $('#columnas').val();
        var fila = "";
        for (var i = 0; i < columnas; i++) {
            fila += "<td>#</td>";
        }
        for (var i = 0; i < filas; i++) {
            tabla += "<tr>"+fila+"</tr>";
        }
        tabla += "</table>";

        $('#resultado').html(tabla);
    });

Usando jquery:

    $('#crear3').click(function () {
        var tabla = "<table  class='table table-bordered'></table>";
        $('#resultado').html(tabla);
        var filas = $('#filas').val();
        var columnas = $('#columnas').val();
        for (var i = 0; i < filas; i++) {
            $('table').append("<tr></tr>");
        }
        for (var i = 0; i < columnas; i++) {
            $('tr').append("<td>#</td>");
        }
    });

Ejercicios para casa

1.- Determinar si una frase es capicua:

Nació en cuba-> No lo es

Isaac no ronca así->Lo es

No tener en cuenta: espacios, comas. Mayúsculas y minúsculas. Acentos.

2.- El ahorcado

El programa elige una palabra al azar de un array. El usuario va poniendo letras y tenemos 7 intentos.

 

Acertijo número de tres cifras

Tomamos un número de tres cifras, de modo que no sean las tres iguales; por ejemplo 637. A continuación formamos otro número, ordenando las cifras de mayor a menor. Resulta 763. Formamos otro, ordenándolas de menor a mayor. Resulta 367. Restamos 763 – 367 = 396. A este último número le damos la vuelta, 693, y sumamos los dos últimos: 693 + 396 = 1.089.
         Repetimos con 475 —-> 754 – 457 = 297, 297 + 792 = 1.089.
         ¿Qué misterio es éste? ¿Será verdad que partiendo de cualquier número resulta siempre 1.089? ¿Por qué?

 

acertijo

libreria2