Alvia — Números & Código

miércoles, 19 de septiembre de 2012

¿Cómo salir de un bucle?

Intrucción Break
Al ejecutarse dentro del bucle for, while, o switch provoca la salida inmediata de la instrucción.

Ejemplo:

var i; //contadorfor (i = 1; i <= 10; i++) { if (i === 5) { break; //Provoca la salida de la instrucción } console.log(i); //Imprime el valor de i}

Esto imprime
1
2
3
4

jueves, 13 de septiembre de 2012

Ayer (hace 8 horas) instalé windows 8 para developers. Tengo intenciones de aprender un poco más sobre windows 8 y metro. Al despertar por la mañana comienzo a instalar programas y cuando llego a chrome, no lo puedo instalar (ya saben porque el meme de arriba). Luego me descargué una app chromium que me daba un error ".\kernel_log_consumer.cc", el caso es que pensé... un momento eso es un helper para descargar el instalalor, si busco el instalador, pondré instalar google chrome. Y bueno, así fue.

Pueden descargarlo desde aquí.

https://www.google.com/intl/en/chrome/browser/eula.html?standalone=1&hl=en

-mente.

sábado, 25 de agosto de 2012

Remplazar todo javaScript

Muchas veces cuando tenemos que remplazar, necesitamos remplazar todo de una sola vez. Pero cuando usamos el método .replace en javaScript sólo nos remplaza el primer valor. Hoy les traigo la solución para que puedan remplazar todo usando el método para cadenas split() y el método para arrays join(). ¿Cómo usamos estos dos métodos para hacer un remplazar todo?
split() se utiliza para dividir una cadena en un array de subcadenas, y devuelve la nueva matriz. join() se utiliza para unir los elementos de un array en una cadena y devuelve la cadena.

Ahora el ejemplo: Queremos remplazar los guiones por comas y espacios en las siguiente cadena.
var frutas = "Manzana-pera-aguacate", arr, cadena;
//utilizamos split para convertir la frutas en un array de subcadenas.
arr = frutas.split("-"); //separar = ["Manzana", "pera", "aguacate"]
//utilizamos split para unir los elementos de arr
cadena = arr.join(", "); //remplazar = "Manzana, pera, aguacate"
//este alert() es para confirmar que se ha remplazado "-" por ", "
alert(cadena);
url del ejemplo:http://jsbin.com/ecumuh/1/edit

Se puede hacer una función:


//función


var remplazarTodo = function(cadena, buscar, remplazar){

return cadena.split(buscar).join(remplazar);

};    

alert(remplazarTodo("Manzana-pera-aguacate", "-", ", "));

viernes, 24 de agosto de 2012

bigText

Yo que pensaba que esto era responsive design :/

var bigText = function(maxWidth, element){
var vari = screen.width / maxWidth;
element.style.fontSize = document.documentElement.offsetWidth/ vari + "px";
window.onresize = function(){
element.style.fontSize = document.documentElement.offsetWidth/ vari + "px";
};
};

jueves, 21 de junio de 2012

JSFiddle: escribir, probar y compartir HTML/CSS/JS (entrada rescatada)

Contexto actualizado: JSFiddle es un “playground” para crear ejemplos rápidos de HTML, CSS y JavaScript, ejecutarlos y compartir un enlace. Los “fiddles” tienen paneles para código y un panel de resultado; puedes pulsar Run, guardar (Save/Update) o crear una copia con Fork. :contentReference[oaicite:0]{index=0}

Cómo añadir librerías

Puedes cargar librerías de dos formas:

JavaScript → Frameworks & pre-procesadores (React, Vue, TypeScript, Babel, etc.). :contentReference[oaicite:1]{index=1}
External resources: agrega URLs de JS o CSS (incluye buscador de CDNJS). :contentReference[oaicite:2]{index=2}

Flujo básico

Abre jsfiddle.net y elige un boilerplate o uno en blanco.
Escribe tu HTML, CSS y JS en los paneles. (El <body> y el doctype se añaden automáticamente.) :contentReference[oaicite:3]{index=3}
Pulsa Run para ver el resultado. :contentReference[oaicite:4]{index=4}
Guarda con Save/Update o crea una copia con Fork. :contentReference[oaicite:5]{index=5}

Incrustar un fiddle en tu blog

Desde el menú de acciones, JSFiddle te da un snippet para iframe o script. Puedes cambiar el orden de pestañas (por ejemplo result,js,html,css) y elegir tema claro/oscuro. :contentReference[oaicite:6]{index=6}

<!-- Ejemplo de embed (reemplaza la URL por la de tu fiddle) -->
<iframe width="100%" height="400"
  src="https://jsfiddle.net/usuario/abc123/embedded/result,js,html,css/"
  allowfullscreen="allowfullscreen" loading="lazy"></iframe>

¿JSFiddle o alternativas?

CodePen: playground muy popular; también permite External Resources y embebidos. :contentReference[oaicite:7]{index=7}
StackBlitz: IDE en el navegador con WebContainers (Node.js corriendo en la pestaña), ideal para proyectos completos. :contentReference[oaicite:8]{index=8}

Tip: si en tu post antiguo mencionabas MooTools/jQuery/Prototype, puedes dejarlo como anécdota histórica y añadir que hoy suele usarse React/Vue/TypeScript vía las opciones del panel de JavaScript. :contentReference[oaicite:9]{index=9}

Última revisión: 19 de agosto de 2025

lunes, 21 de mayo de 2012

Calcular Edad JavaScript

/* Calculate Age
With this function you can calculate the age of a person
*/function calcAge(birthday) {   var year, month, day, age, year_diff, month_diff, day_diff;   var myBirthday = new Date();   var today = new Date();   var array = birthday.split("-");
  year = array[0];   month = array[1];   day = array[2];
  year_diff = today.getFullYear() - year;   month_diff = (today.getMonth() + 1) - month;   day_diff = today.getDate() - day;
  if (month_diff < 0) {   year_diff--;   } else if ((month_diff === 0) && (day_diff < 0)) {   year_diff--;   }   return year_diff;
}
document.write(calcAge("1993-05-12"));

http://jsfiddle.net/AgustinAlvia/MWtGL/