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");
}
Categoría: JavaScript
Examen jQuery 2018
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";
}
Ejemplos funciones
function tipoOracion(cadena) {
var primera = cadena.charAt(0);
var resto = cadena.slice(1);
return primera.toUpperCase() + resto.toLowerCase();
}
function tipoTitulo(cadena) {
var palabras = cadena.split(" ");
for (var i = 0; i < palabras.length; i++) {
palabras[i] = tipoOracion(palabras[i]);
}
return palabras.join(" ");
}
function tipoTitulo2(cadena) {
var palabras = cadena.split(" ");
var res = "";
for (var i = 0; i < palabras.length; i++) {
res += tipoOracion(palabras[i]) + " ";
}
return res.trim();
}
function tipoTitulo3(cadena) {
var res = cadena.charAt(0).toUpperCase();
for (var i = 1; i < cadena.length; i++) {
if (cadena.charAt(i - 1) === " ") {
res += cadena.charAt(i).toUpperCase();
} else {
res += cadena.charAt(i).toLowerCase();
}
}
return res;
}
function tipoHipster(cadena) {
var res = "";
for (var i = 0; i < cadena.length; i++) {
var letra = cadena.charAt(i);
if (esVocal(letra)) {
res += letra.toUpperCase();
} else {
res += letra.toLowerCase();
}
}
return res;
}
function tipoHipster2(cadena) {
var letras = cadena.split("");
for (var i = 0; i < letras.length; i++) {
if (esVocal(letras[i])) {
letras[i] = letras[i].toUpperCase();
} else {
letras[i] = letras[i].toLowerCase();
}
}
return letras.join('');
}
function esVocal(letra) {
var vocales = "aeiouáéíóúàèìòùü";
return vocales.indexOf(letra.toLowerCase()) !== -1;
}
function eliminarVocales(cadena) {
var res = "";
for (var i = 0; i < cadena.length; i++) {
var letra = cadena.charAt(i);
if (!esVocal(letra)) {
res += letra;
}
}
return res;
}
function eliminarVocalesReg(cadena) {
return cadena.replace(/[aeiouáéíóúàèìòùü]/gi, "");
}
function palabraMasLarga(cadena) {
var palabras = cadena.split(" ");
var larga = "";
for (var i = 0; i < palabras.length; i++) {
if (palabras[i].length > larga.length) {
larga = palabras[i];
}
}
return larga;
}
function palabraMasLargaSort(cadena) {
var palabras = cadena.split(" ");
palabras.sort(function (a, b) {
return b.length - a.length;
});
return palabras[0];
}
function trimTotal(cadena) {
cadena = cadena.trim();
var res = cadena.charAt(0);
for (var i = 1; i < cadena.length; i++) {
if (!(cadena.charAt(i) === " " && cadena.charAt(i - 1) === " ")) {
res += cadena.charAt(i);
}
}
return res;
}
function trimTotalArr(cadena) {
var palabras = cadena.split(" ");
for (var i = palabras.length - 1; i >= 0; i--) {
if (palabras[i] === "") {
palabras.splice(i, 1);
}
}
return palabras.join(" ");
}
function trimTotalReplace(cadena) {
while (cadena.indexOf(" ") !== -1) {
cadena = cadena.replace(/ /g, " ");
}
return cadena.trim();
}
function trimTotalReg(cadena) {
cadena = cadena.replace(/[ ]+/g, " ");
return cadena.trim();
}
Ejercicios javascript
Ejemplos funciones cadenas
function tipoOracion(cadena) {
var primera = cadena.charAt(0);
var resto = cadena.slice(1);
return primera.toUpperCase() + resto.toLowerCase();
}
function tipoTitulo(cadena) {
var palabras = cadena.split(" ");
for (var i = 0; i < palabras.length; i++) {
palabras[i] = tipoOracion(palabras[i]);
}
return palabras.join(" ");
}
function tipoTitulo2(cadena) {
var palabras = cadena.split(" ");
var res = "";
for (var i = 0; i < palabras.length; i++) {
res += tipoOracion(palabras[i]) + " ";
}
return res.trim();
}
function tipoTitulo3(cadena) {
var res = cadena.charAt(0).toUpperCase();
for (var i = 1; i < cadena.length; i++) {
if (cadena.charAt(i - 1) === " ") {
res += cadena.charAt(i).toUpperCase();
} else {
res += cadena.charAt(i).toLowerCase();
}
}
return res;
}
function tipoHipster(cadena){
var res="";
for(var i=0;i<cadena.length;i++){
var letra=cadena.charAt(i);
if (esVocal(letra)){
res+=letra.toUpperCase();
}
else{
res+=letra.toLowerCase();
}
}
return res;
}
function tipoHipster2(cadena){
var letras=cadena.split("");
for(var i=0;i<letras.length;i++){
if (esVocal(letras[i])){
letras[i]=letras[i].toUpperCase();
}
else{
letras[i]=letras[i].toLowerCase();
}
}
return letras.join('');
}
function esVocal(letra){
var vocales="aeiouáéíóúàèìòùü";
return vocales.indexOf(letra.toLowerCase())!==-1;
}
Cesta compra 2.0
<input type="text" id="producto" > <input type="button" id="compra" value="Comprar"> <input type="button" id="ordenar" value="Ordenar"> <input type="button" id="ordenar2" value="Ordenar desc"> <div id="cesta"></div>
var cesta = [];
document.getElementById("compra").addEventListener("click", comprar);
document.getElementById("ordenar").addEventListener("click", function () {
ordenar(1);
});
document.getElementById("ordenar2").addEventListener("click", function () {
ordenar(2);
});
document.getElementById("producto").addEventListener("keypress", tecla);
function comprar() {
var producto = document.getElementById('producto').value;
if (producto.trim() !== "" && cesta.indexOf(producto) === -1) {
cesta.push(producto);
document.getElementById('producto').value = "";
mostrar();
} else {
alert("Producto incorrecto o repetido");
}
}
function tecla(event) {
if (event.keyCode === 13 || event.key === "+") {
comprar();
event.preventDefault();
}
if (event.key >= "0" && event.key <= "9") {
event.preventDefault();
}
}
function ordenar(tipo) {
cesta.sort();
if (tipo === 2) {
cesta.reverse();
}
mostrar();
}
function mostrar() {
var resultado = document.getElementById('cesta');
resultado.innerHTML = "";
for (var i = 0; i < cesta.length; i++) {
var parrafo = document.createElement("p");
parrafo.innerHTML = i + ".- " + cesta[i];
var boton = document.createElement("button");
boton.innerHTML = "X";
boton.id=i;
boton.addEventListener("click", function () {
borrar(this.id);
})
parrafo.appendChild(boton);
resultado.appendChild(parrafo);
}
}
function borrar(i) {
cesta.splice(i, 1);
mostrar();
}