Categoría: JavaScript

Ejemplos funciones


function saludo(nombre, numero) {
console.log("Hola " + nombre + " que tal");
console.log("Yo estoy muy bien");
console.log("La raiz cuadrada de " + numero + " es " + Math.sqrt(numero) + " ¿Lo sabías?");
}

saludo("Ana", 2);
saludo("Juan", 4);
saludo("Eva", 25);

function suma(numero) {
var s = 0;
for (var i = 1; i <= numero; i++) {
s += i;
}
return s;
}

function mayor(a, b) {
if (a > b) {
return a;
} else {
return b;
}
}

console.log(mayor(1, 8));
console.log(mayor(111, 8));

var c = mayor(3, 6);
console.log(c);

function repetir(caracter, numero) {
var res = "";
for (var i = 0; i < numero; i++) {
res += caracter;
}
return res;
}
console.log(repetir("*", 6));
console.log(repetir("#", 12));

function arbol(longitud) {
for (var i = 0; i < longitud; i++) {
console.log(repetir("*",i));
}
}
function arbol2(longitud) {
for (var i = 0; i < longitud; i++) {
console.log(repetir(" ",longitud-i)+repetir("*",i*2+1));
}
}
arbol2(8);

Ejemplos while


//Capital a interés compuesto hasta que supere una cantidad

var capital = 1000;
var periodo=1;
while (capital < 12000) {
capital*=1.1;
periodo++;
}
console.log(periodo);
console.log(capital);

//Serie de fibonacci
var a=1,b=1,c=1;

while(c<100){
console.log(c);
c=a+b;
a=b;
b=c;
}

//Duplicar una cantidad hasta que supere 1000
var a=1;

while (a<1000){
a*=2;
console.log(a);
}</pre>
var a = 1, suma = 0;
while (a <= 100) {
console.log(a);
suma += a;
a++;
}
console.log(suma);

var a = 1;
while (a < 10) {
if (a % 2 == 0) {
console.log(a + " es par");
} else {
console.log(a + " es impar");
}
a++;
}

var a = 1, sumaPares = 0, sumaImpares = 0;
while (a <= 100) {
if (a % 2 == 0) {
sumaPares += a;
} else {
sumaImpares += a;
}

a++;
}
console.log(sumaPares);
console.log(sumaImpares);</pre>
var a = 1, suma = 0;
while (a <= 100) {
if (a % 3 == 0) {
suma += a;
}
a++;
}
console.log(suma);

var a = 10;
do {
console.log(a);
a++;
} while (a < 10);

var a = 10;
while (a < 10) {
console.log(a);
a++;
}

for (var i = 1; i <= 100; i++) {
if (i % 3 == 0 && i % 5 == 0) {
console.log(i);
}
}

Ejercicios condicionales

Tenemos una variable lang que puede valer ‘es’, ‘ca’ o ‘en’. Escribir un programa que nos muestre ‘Hola mundo’ en el lenguaje especificado.

Tenemos un número que puede ser positivo o negativo. Escribir un programa que nos diga si es positivo o negativo.

Tenemos tres números en tres variables (a, b y c). Escribir un programa que nos los muestre ordenados de menor a mayor.

Tenemos una variable usuario y una password. Escribir un programa que nos diga acceso permitido si el usuario vale ‘ana’ y la password vale ‘1234’

Tenemos una variable número con el número de coches a la venta. Escribir un programa que me escriba ‘1 coche’ o ‘n coches’ (es decir, en singular o en plural) dependiendo de si son uno o varios.

Condiciones compuestas


var a, b;

a = 5;
b = 9;

if (a >= 5 && b >= 5) {
console.log("Aprobado");
} else {
console.log("suspendido");
}

if (a < 5 || b < 5) {
console.log("Suspendido");
} else {
console.log("Aprobado");
}

var ana = 20;
var juan = 15;

//Si los dos son mayores de 18 años pueden entrar, si no NO

if (ana >= 18 && juan >= 18) {
console.log("p'adentro");
} else {
console.log("No se puede pasar");
}

var dinero = 8;
var edad = 18;
var tarjeta = "si";

//¿Me puedo tomar un cubata que vale 9 euros?
if (edad >= 18 && (dinero >= 9 || tarjeta == "si")) {
console.log("Trae un cubata!!!");
}
if ((dinero >= 9 || tarjeta == "si") && edad >= 18) {
console.log("Trae un cubata!!!");
}
if ((tarjeta == "si" || dinero >= 9) && edad >= 18) {
console.log("Trae un cubata!!!");
}

Ejemplos if javascript


var a, b;

a = 5;
b = 9;

//Si b es mayor o igual que el doble de a mostrar 'Más del doble

if (b >= a * 2) {
console.log("Más del doble");
}

//Mostrar el valor de la variable mayor

if (a > b) {
console.log(a);
} else {
console.log(b);
}

//Método fácil

if (a > b) {
console.log("a es mayor");
}

if (b > a) {
console.log("b es mayor");
}

if (a == b) {
console.log("Son iguales");
}

if (a > b) {
console.log("a es mayor");
} else if (b > a) {
console.log("b es mayor");
} else {
console.log("Son iguales");
}

var nota = 7;

if (nota < 3) {
console.log("Muy deficiente");
} else if (nota < 5) {
console.log("Insuficiente");
} else if (nota < 6) {
console.log("Aprobado");
} else if (nota < 7) {
console.log("Bien");
} else if (nota < 9) {
console.log("Notable");
} else {
console.log("Sobresaliente");
}

var altura = 140;

if (altura >= 150) {
console.log("SI");
} else if (altura >= 130) {
console.log("COn adulto");
} else {
console.log("NO");
}

var numero = 9;

if (numero % 2 === 0) {
console.log("Es par");
} else {
console.log("es impar");
}

Ejemplo jQuery

 <button id="anyadir">Añadir</button>
 <button id="delFirst">Eliminar primera</button>
 <button id="delLast">Eliminar última</button>
 <button id="suma">Sumar</button>
 <button id="suma2">Sumar 2</button>
 
 <table border="1" id="lista">
 <tr><td>1</td></tr>
 </table>
$(function () {

$('#anyadir').click(function () {
var numero = Math.floor(Math.random() * 10) + 1;
$('#lista').append("<tr><td>" + numero + "</td></tr>");
});
$('#delFirst').click(function () {
$('#lista tr:first-child').remove();
});
$('#delLast').click(function () {
$('#lista tr:last-child').remove();
});
$('#suma').click(function () {
var suma = 0;
for (var i = 1; i <= $('#lista tr').length; i++) {
suma += parseInt($('#lista tr:nth-child(' + i + ') td').html());
}
$('#lista').before("Suma: " + suma);
});

$('#suma2').click(function () {
var suma = 0;
$('#lista td').each(function () {
suma += parseInt($(this).html());
});
$('#lista').before("Suma: " + suma);
});
});

Ejemplo jQuery

 

 <input type="text" id="texto">
 <p>Hola que tal</p>
 <p>Yo muy bien</p>
 <div id="resultado"></div>
 <button id="boton">Pulsar</button>
 <button id="mas">Añadir</button>
 <button id="eliminar">Eliminar</button>
$(function () {
$('#boton').click(function () {
$('p').animate({fontSize: "30px"}, 3000)
.animate({fontSize: "10px"}, 3000)
.animate({fontSize: "30px"}, 3000);
});
$('#eliminar').click(function () {
$('p:last-child').remove();
});
$('#mas').click(function () {
// var div = $('#resultado').html();
// div += "<p>" + $('#texto').val() + "</p>";
// $('#resultado').html(div);
$('#resultado').append("<p>" + $('#texto').val() + "</p>")
$('#texto').val('');
$('p').click(function () {
$(this).remove();
});
});

$('#texto').keyup(function (event) {
if (event.keyCode === 13) {
$('#mas').click();
}
});

});

Más objetos

function Empleado(nombre, sueldo) {
    this.nombre = nombre;
    this.sueldo = sueldo;
    this.empresa = "Netmind";
    this.departamento = "";
    this.sueldoNeto = function () {
        return this.sueldo * (1-this.irpf());
    };
    this.irpf = function () {
        if (this.sueldo < 1500) {
            return .2;
        }
        if (this.sueldo >= 1500 && this.sueldo < 3000) {
            return .3;
        }
        return .4;
    };
    this.neto=function(){
      var sueldo=this.sueldo;
      var irpf=this.irpf();
      var neto=sueldo-sueldo*irpf;
      return neto;
    };
}

function Empresa(nombre) {
    this.nombre = nombre;
    this.jefe = new Empleado("Jefe", 3000);
    this.empleados = [];
    for (var i = 0; i < 10; i++) {
        this.empleados.push(new Empleado("Empleado" + i, 1400 + i * 100));
    }

    this.comerciales = [];
    for (var i = 0; i < 3; i++) {
        var e = new Empleado("Comercial" + i, 1400 + i * 100);
        e.departamento = "Comercial";
        this.comerciales.push(e);
    }
}

function Holding(emp1, emp2) {
    this.empresas = [emp1, emp2];
}
var netmind = new Empresa("Netmind");
var activity = new Empresa("Activity");

var conglomerado = new Holding(netmind, activity);

var ana = new Empleado("Ana Pérez", 1500);
var juan = new Empleado("Juan Pi", 1400);

var empleados = [];
for (var i = 0; i < 10; i++) {
    empleados.push(new Empleado("Empleado" + i, 1400 + i * 100));
}

String.prototype.oracion = function () {
    return this.valueOf().charAt(0).toUpperCase() + this.valueOf().slice(1).toLowerCase();
}

function Producto(nombre,precio){
    this.nombre=nombre;
    this.precio=precio;
    this.iva=.21;
    this.referencia=("0000" + Math.floor(Math.random()*10000)).slice(-4);
    this.pvp=function(){
        return this.precio*(1+this.iva);
    }
    this.pvpConDescuento=function(descuento){
        return this.pvp()*(1-descuento/100);
    }
}

var tornillo = new Producto("tornillo",100);

Ejemplos objetos

var pepe = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue",
completo:function(){
return this.firstName+" "+this.lastName;
},
mayorEdad:function(){
return this.age>=18;
}
};

function Person(first, last, age, eye) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eye;
}

var ana=new Person("Ana","Pi",40,"azul")

var juan=new Person("Juan","Perez",50,"marrón")
for (var p in pepe){
if (typeof pepe[p]!=="function"){
console.log(p+" - "+pepe[p]);
}
else{
console.log(p+" - "+pepe[p]());
}
}

function normal(){
return "Hola";
}

var noNormal=function(){
return "adios";
}

noNormal=function(){
return "funcion nueva";
}