Skip to content

Instantly share code, notes, and snippets.

View Ifmr24's full-sized avatar
๐Ÿ˜„

Fabian Mesias Ifmr24

๐Ÿ˜„
  • Santiago
  • 21:35 (UTC -04:00)
View GitHub Profile
@Ifmr24
Ifmr24 / a.js
Last active September 18, 2018 23:05
JS Leer API JSON 1
document.querySelector('#boton').addEventListener('click', function(){
traerDatos();
});
function traerDatos(){
let url = `https://mindicador.cl/api/uf`;
const api = new XMLHttpRequest();
api.open('GET', url, true);
api.send();
@Ifmr24
Ifmr24 / a.js
Created September 18, 2018 06:24
JS Leer API JSON 2
document.querySelector('#boton').addEventListener('click', function(){
traer()
});
function traer(){
fetch('https://randomuser.me/api')
.then( res => res.json())
.then( data => {
console.log(data.results['0'])
contenido.innerHTML = `
@Ifmr24
Ifmr24 / a.js
Last active September 19, 2018 05:32
JS Parametro REST y SPREAD
/*
PARAMETRO DE TIPO REST, SOLO LE DIMOS DOS VALORES A LA FUNCION (fruta1 y fruta2)
EL RESTO DE LOS VALORES SE GUARDARAN EN ( resto_de_frutas )
LA FUNCION REST SE USA CON TRES PUNTOS
*/
function listadoFrutas(fruta1, fruta2, ...resto_de_frutas){
console.log("Fruta 1: ", fruta1);
console.log("Fruta 2: ", fruta2);
console.log("Resto: ", resto_de_frutas);
@Ifmr24
Ifmr24 / a.js
Created September 19, 2018 05:41
JS Funcion Anonima y Callback
/*
FUNCIONES ANONIMAS
Y CALLBACKS
*/
var pelicula = function(nombre){
return "La pelicula es: "+nombre;
}
function sumame(num1, num2, sumaYmuestra, sumaPorDos){
@Ifmr24
Ifmr24 / a.js
Created September 19, 2018 05:50
JS Ambito de las variables
/*
AMBITO DE LAS VARIABLES
*/
function holaMundo(texto){
//VARIABLE DENTRO DE FUNCION, QUE NO PODRA SER LLAMADA FUERA DE ESTA FUNCION
var hola_mundo = "Texto dentro de funcion";
console.log(texto);
@Ifmr24
Ifmr24 / a.js
Last active September 19, 2018 07:30
JS Metodos de Procesar Textos
/*
TRANSFORMACION DE TEXTOS
*/
var numero = 444;
var texto1 = "Hola, bienvenido.";
var texto2 = "Es muy buen curso";
// TRANSFORMAR A STRING CON LA FUNCION toString
var numero_a_string = numero.toString();
@Ifmr24
Ifmr24 / a.js
Created September 19, 2018 07:35
JS Plantilla de Texto
/*
PLANTILLAS DE TEXTO
*/
var nombre = prompt("Dime tu nombre");
var apellidos = prompt("Dime tus apellidos");
var texto = `
<h1> Hola que tal </h1>
<h3> Mi Nombre es: ${nombre} </h3>
@Ifmr24
Ifmr24 / a.js
Created September 19, 2018 08:31
JS Arrays Arreglos Matrices y Metodos
// Arrays, Arreglos, Matrices
var nombres = [ "Fabian", //Indice 0
"Victor", //Indice 1
"Patricio", //Indice 2
"Eduardo", //Indice 3
52, //Indice 4
true //Indice 5
];
@Ifmr24
Ifmr24 / a.js
Created September 19, 2018 08:59
JS Arrays EJERCICIO 1
/*
1. Pida 6 numeros por pantalla y introducirlos en un array
2. Mostrar el array completo (Todos sus elementos)
3. Ordenarlo
4. Invertir su orden y Mostrar
5. Mostrar cuantos elementos tiene
6. Buscar un valor introducido por el usuario que nos diga si lo encuentra y su indice.
*/
@Ifmr24
Ifmr24 / a.js
Last active September 19, 2018 10:22
JS DOM 1
// DOM - DOCUMENT OBJECT MODEL
// Selecionar un div segun su ID(#) o class(.)
var caja = document.querySelector('#micaja');
// Seleccionar solo lo que contiene ese div
caja.innerHTML;
// Cambiar texto del div seleccionado (Antes el texto era (Soy una Caja) ) Ahora cambiara a