Autor: Juan Pablo Fuentes

Formador de programación y bases de datos

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

Ejercicio último día del mes

Con función:

 function ultimoDia(anyo, mes) {
                var fecha = new Date(anyo, mes, 28);
                var cont = 0;
                do {
                    fecha.setDate(fecha.getDate() + 1);
                    cont++;
                } while (fecha.getMonth() === mes);
                return 27 + cont;
            }

  function ultimoDia2(anyo, mes) {
                var fecha = new Date(anyo, mes, 29);
                var cont = 0;
                while (fecha.getMonth() === mes) {
                    fecha.setDate(fecha.getDate() + 1);
                    cont++;
                }
                return 28 + cont;
            }
            function ultimoDia3(anyo, mes) {
                var fecha = new Date(anyo, mes, 32);
                return 32-fecha.getDate();
            }

Modificando la clase Date:

Date.prototype.lastMonthDay = function () {
                var cont = 0;
                var fecha = new Date(this.getFullYear(), this.getMonth(),28);
                do {
                    fecha.setDate(fecha.getDate() + 1);
                    cont++;
                } while (fecha.getMonth() === this.getMonth());
                return 27 + cont;
            }

Ejercicio dados


var dados = {
    dado: [0, 0, 0, 0, 0, 0],
    lanzamientos: function () {
        var total = 0;
        for (var i = 0; i < this.dado.length; i++) {
            total += this.dado[i];
        }
        return total;
    },
    tirada: function () {
        var tirada = Math.floor(Math.random() * 6) + 1;
        this.dado[tirada - 1]++;
        return tirada;
    },
    tiradas: function (veces) {
        var dados = "";

        for (var i = 0; i < veces; i++)
        {
            dados += this.tirada().toString();
        }

        return dados;
    },
    parchis: function () {
        var dados = "";
        var tirada;
        do {
            tirada = this.tirada().toString();
            dados += tirada;
        } while (tirada !== "5");
        return dados;
    },
    parchis2: function () {
        var dados = "";
        do {
            dados += this.tirada().toString();
        } while (!dados.endsWith("5"));
        return dados;
    },
    parchis3: function () {
        var dados = "";
        var n = this.dado[4];
        do {
            dados += this.tirada().toString();
        } while (n === this.dado[4]);
        return dados;
    },

    paCasa: function () {
        var dados = "";
        do {
            dados += this.tirada().toString();
        } while (!dados.endsWith("666"));
        return dados;
    },
    paCasa2: function () {
        var dados = "";
        var seis = 0;
        var tirada;
        do {
            tirada = this.tirada().toString();
            dados += tirada;
            if (tirada === "6") {
                seis++;
            } else {
                seis = 0;
            }
        } while (seis < 3);
        return dados;
    }

};

Javascript objeto monedas

             var monedas = {
                caras: 0,
                cruces: 0,
                lanzamientos:function(){
                    return this.caras+this.cruces;
                },
                tirada: function () {
                    var tirada = Math.floor(Math.random() * 2);
                    if (tirada === 1) {
                        this.caras++;
                        return "C";
                    } else {
                        this.cruces++;
                        return "X";
                    }
                },
                tiradas: function (veces) {
                    var monedas = "";

                    for (var i = 0; i < veces; i++)
                    {
                        monedas += this.tirada();
                    }

                    return monedas;
                }
            }

JS ejemplos objetos

  String.prototype.numeroDeApariciones=function(cadena){
                return this.split(cadena).length-1;
            }
            Number.prototype.doble=function(){
                return this*2;
            }
            var producto={
                nombre:"Furby",
                precio:100,
                pvp:function(){
                    return this.precio*1.21;
                }
            };
            
            var circulo={
                radio:10,
                circunferencia:function(){
                    return Math.PI*this.radio*2;
                },
                area:function(){
                    return Math.PI*this.radio*this.radio;
                }
            }