domingo, 24 de octubre de 2021
Javascript. Acceso elementos DOM
martes, 12 de octubre de 2021
domingo, 10 de octubre de 2021
jueves, 2 de septiembre de 2021
viernes, 30 de abril de 2021
JavaScript. Persistencia de datos
Persistencia de #datos, grabar y recuperar datos del usuario con #localStorage en #javascript
miércoles, 28 de abril de 2021
martes, 13 de abril de 2021
JavaScript. Ventana aviso cookies
Crea tu propia ventana de #aviso #cookie usando #html, #css y #javascript
jueves, 8 de abril de 2021
32 JavaScript. Ejercicio linterna.
Ejercicio practico en el que se crea una linterna que se apaga o enciende al hacer click en la imagen.
domingo, 4 de abril de 2021
31 JavaScript. Cambiar color dinamicamente
En el siguiente #video vemos como cambiar el color primario y secundario de la #web mediante #javascript, con el que cambiaremos el archivo #css que se cargara para mostrar el color del sitio.
viernes, 2 de abril de 2021
Reto. Clona la siguiente web.
Propongo como reto crear la siguiente #web segun el ejemplo del video 👇
sábado, 13 de marzo de 2021
domingo, 21 de febrero de 2021
29 JavaScript. Lista de tareas basica
Ejemplo de creacion de una lista de tareas basicas con JavaScript.
martes, 16 de febrero de 2021
27 JavaScript. Eventos jquery
Eventos desde #javascript con la libreria #jquery
viernes, 5 de febrero de 2021
26 JavaScript. Manipula el DOM desde JQuery
Manipula el DOM desde JQuery
miércoles, 3 de febrero de 2021
Codigos de los ejemplos en GitHub
Ya he subido a #github el codigo usado en tutorial #javascript / #jquery
https://github.com/ticoticotaa/Tutorial-JavaScript
sábado, 30 de enero de 2021
JavaScript. Guia de programacion
Ya tengo publicada la guia de introduccion a la #programacion con #javascript 👉https://www.amazon.es/dp/B08VGSC61Q
Es una pequeña introduccion a javascript donde se ven los conceptos basicos y algunos ejemplos sencillos para adentrarse en la programacion #web.
Espero os sea util. Gracias.
viernes, 29 de enero de 2021
Portatil para comenzar, caracteristicas
Para empezar a programar no es necesario un portatil o pc que nos cueste un dineral, podemos iniciarnos con ordenadores mas sencillos, os pongo los requisitos minimos que recomendaria:
8 gb Ram
256 SSD de disco principal
512 Gb de disco secundario
el procesador i5 (recomiendo intel)
Con estas caracteristicas voy a poner 3 ejemplos:
1. Lenovo
IdeaPad 3 - Portátil 15.6" FullHD (Intel Core i5-1035G1, 8GB RAM, 512GB
SSD, Intel UHD Graphics, Windows 10 Home), Color gris
Puedes obtenerlo aqui
2. HP Pavilion Gaming 16-a0005ns - Ordenador portátil de 16.1" FHD (Intel Core i5-10300H, 8GB RAM, 512GB SSD, Nvidia GTX 1050-3GB, sin sistema operativo) negro
Puedes obtenerlo aqui
sábado, 23 de enero de 2021
jueves, 14 de enero de 2021
22 JavaScript. Ejercicio con array
1. Solicita al usuario 6 numeros y muestra el valor mayor y menor.
window.onload = function(){
//console.log('Hola');
var mayor = 0;
var menor=99999;
var numeros = [];
//captura de datos
for(var i=0;i<6;i++){
numeros[i]=parseInt(prompt('Dime un numero y te indicare cual es el mayor de los seis...'));
}
//recorremos array y comprobamos cual es el mayor / menor
for(var i=0;i<numeros.length;i++){
if(numeros[i]>mayor){
mayor = numeros[i];
}
if(numeros[i]<menor){
menor = numeros[i];
}
}
console.log('Hemos terminado de comprobar');
console.log(`El numero mayor es ${mayor}`);
console.log(`El numero menor es ${menor}`);
}
2. Igual que el ejercicio anterior pero que solicite numeros hasta que el usuario indique "fin".
window.onload = function(){
//console.log('Hola');
var mayor = 0;
var menor=99999;
var numeros = [];
var usuario = "";
do{
usuario = prompt('Dime un numero o escribe "fin" para terminar');
if (usuario!='fin'){
usuario = parseInt(usuario);
numeros.push(usuario);
}
}while(usuario!='fin');
//recorremos array y comprobamos cual es el mayor / menor
for(var i=0;i<numeros.length;i++){
if(numeros[i]>mayor){
mayor = numeros[i];
}
if(numeros[i]<menor){
menor = numeros[i];
}
}
if(numeros.length>2){
console.log('Hemos terminado de comprobar');
console.log(`El numero mayor es ${mayor}`);
console.log(`El numero menor es ${menor}`);
}else{
console.log('No hay numeros suficientes para comprobar mayor y menor');
}
}
viernes, 8 de enero de 2021
21 JavaScript. Ejercicios basicos
//tabla de multiplicar numero dado por usuariolet tabla = parseInt(prompt("Tabla del ... ?"));for (let contador = 1; contador <= 10; contador++){let resultado = tabla * contador;console.log(`${tabla} * ${contador} = ${resultado}`);}
//solicitar 2 numeros y hacer las operaciones basicaslet numero1 = parseInt(prompt("Dime el primer numero "));let numero2 = parseInt(prompt("Dime el segundo numero "));console.log("Procedo a calcular las operaciones basicas");let suma = numero1 + numero2;let resta = numero1 - numero2;let multiplicacion = numero1 * numero2;let division = numero1 / numero2;console.log(`Suma = ${suma}`);console.log(`Resta = ${resta}`);console.log(`Multiplicacion = ${multiplicacion}`);console.log(`Division = ${division}`);
//positivo negativolet numero = parseInt(prompt("Dime un numero y te indico si es positivo o no ..."));if(numero > 0){console.log(`El numero ${numero} es positivo`);} else if (numero < 0){console.log(`El numero ${numero} es negativo`);} else {console.log('El numero es igual a cero');}
//suma entre dos valores dadoslet numero1 = parseInt(prompt("Dime el primer numero "));let numero2 = parseInt(prompt("Dime el segundo numero "));let suma = 0;for (numero1; numero1 <= numero2; numero1++){suma = suma + numero1;}console.log(`La suma de todos los numeros del intervalo dado es = ${suma}`);
//suma de pares e impares entre dos valores dadoslet numero1 = parseInt(prompt("Dime el primer numero "));let numero2 = parseInt(prompt("Dime el segundo numero "));let pares = 0;let impares = 0;for (numero1; numero1 <= numero2; numero1++){if (numero1 % 2 === 0){pares = pares + numero1;} else {impares = impares + numero1;}}console.log(`La suma de todos los numeros pares del intervalo dado es = ${pares}`);console.log(`La suma de todos los numeros impares del intervalo dado es = ${impares}`);
//usuario contraseñalet usuario = prompt('Usuario ?');let password = prompt('Contraseña ?');while (usuario !== "admin" & password !== "1234"){console.log("Usuario o password incorrecto");usuario = prompt('Usuario ?');password = prompt('Contraseña ?');}console.log(`Bienvenido, ${usuario}`);
window.onload = function(){//usuario contraseña con 3 intentoslet usuario = prompt('Usuario ?');let password = prompt('Contraseña ?');let intentos = 1;while (usuario !== "admin" & password !== "1234"){if (intentos > 2){console.log('No puedes intentarlo mas');break;}console.log("Usuario o password incorrecto");usuario = prompt('Usuario ?');password = prompt('Contraseña ?');intentos++;console.log(intentos);}if (intentos <= 3){console.log(`Bienvenido, ${usuario}`);}else{console.log('No has entrado al sistema');}}
sábado, 2 de enero de 2021
20 JavaScript. Comprobar dato introducido
Ejemplo para comprobar si el dato introducido por el usuario es numerico o no.