Categoría: JavaScript

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++;
        });

    });
});

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>");
        }
    });

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;
            }

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;
                }
            }