function pin(){
var res="";
for (var i=0;i<4;i++){
res+=Math.floor(Math.random()*10);
}
return res;
}
function sumaPares(tabla){
var suma=0;
for (var i=0;i<tabla.length;i++){
if (tabla[i]%2===0){
suma+=tabla[i];
}
}
return suma;
}
Categoría: JavaScript
Ejercicio parientes funcionalizado
$(function () {
function creaBoton(clase, valor) {
return '<input type="button" class="btn btn-success ' + clase + '" value="' + valor + '">';
}
function lista(elementos, valor) {
var res = "<ul>";
for (var i = 0; i < elementos; i++) {
res += '<li>' + valor + '</li>';
}
return res + "</ul>";
}
function columna(ancho, elementos) {
var columna = '<div class="col-sm-' + ancho + '">';
columna += creaBoton('menos', '-');
columna += creaBoton('mas', '+');
columna += creaBoton('otros', '/\\');
columna += creaBoton('otrosmenos', '\\/');
columna += lista(elementos, "-");
columna += "</div>";
return columna;
}
function columnas(ncol, ancho, elementos) {
var res = "";
for (var i = 0; i < ncol; i++) {
res += columna(ancho, elementos);
}
return res;
}
$('#nuevo').click(function () {
$('#resultado').html(columnas(4, 3, 5));
$('.menos').click(function () {
// $(this).siblings('ul').children().eq(0) .remove();
//Buscamos los hermanos de tipo 'ul' y quitamos el último hijo
$(this).siblings('ul').children().last().remove();
//Si ya no hay más hijos deshabilitamos el botón
if ($(this).siblings('ul').children().length === 0) {
$(this).attr('disabled', 'disabled');
}
});
$('.mas').click(function () {
//Buscamos el hermano de tipo ul y añadimos un elemento
$(this).siblings('ul').append('<li>-</li>');
$(this).siblings('.menos').removeAttr('disabled');
});
$('.otros').click(function () {
//Los hermanos de mi columna tienen listas 'ul' y añadimos un elemento
$(this).parent().siblings().children('ul').append('<li>-</li>');
$(this).parent().siblings().children('.menos').removeAttr('disabled');
});
$('.otrosmenos').click(function () {
//Los hermanos de mi columna tienen listas 'ul' y añadimos un elemento
$(this).parent().siblings().children('ul').each(function () {
$(this).children().last().remove();
if ($(this).children().length === 0) {
$(this).siblings('.menos').attr('disabled', 'disabled');
}
});
});
});
});
Uso correcto e incorrecto funciones
function calcular() {
var x = document.getElementById("num1").value;
var y = document.getElementById("num2").value;
var gx = x;
var gy = y;
var w;
while (y != 0) {
w = x % y;
x = y;
y = w;
}
var mcm = gx * gy / x;
document.getElementById("resultado").value = mcm;
}
function calcularBien() {
var x = document.getElementById("num1").value;
var y = document.getElementById("num2").value;
document.getElementById("resultado").value = minimoComunMultiplo(x, y);
}
function minimoComunMultiplo(x, y) {
var gx = x;
var gy = y;
var w;
while (y != 0) {
w = x % y;
x = y;
y = w;
}
return gx * gy / x;
}
var frase="Juanito";
console.log(alReves('Viva la Pepa'));
function alReves(frase){
return frase.split('').reverse().join('');
}
Ejercicio tablas completo
$(function () {
function celdas(){
$('td').mouseenter(function () {
$(this).addClass("destacado");
});
$('td').mouseleave(function () {
$(this).removeClass("destacado");
});
}
$('#crear').click(function () {
var tabla = "| # | "; } tabla += "
| # | "; } for (var i = 0; i < filas; i++) { tabla += "
Juego ahorcado
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;
}
}