Categoría: JavaScript
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>"); } });
Propiedades del userAgent
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; } }
Ejemplos javascript
Ejercicios cadenas
Ejercicio cadenas
Javascript eventos y acceso a elementos
Javascript condiciones compuestas
var a=150; var b=110; /* * Pueden entrar si: * Los dos miden más de 150 * Uno de los dos mide más de 150 y el otro más de 120 * * No pueden entrar si: * Alguno mide menos de 120 * Los dos miden menos de 150 */ if (a>=120 && b>=150 || a>=150 && b>=120){ console.log("Pueden entrar"); } else { console.log("No pueden entrar"); } if ((a<120 || b<120) || (a<150 && b<150)){ console.log("No pueden entrar"); } else{ console.log("Pueden entrar"); } //La negación de la anterior if ((a>=120 && b>=120) && (a>=150 || b>=150)){ console.log("Pueden entrar"); } else{ console.log("No pueden entrar"); } if (Math.min(a,b)>=120 && Math.max(a,b)>=150){ console.log("Pueden entrar"); } else{ console.log("No pueden entrar"); }