Efecto máquina de escribir con JavaScript

Con apenas 10 líneas de JavaScript podemos crear un bonito efecto de maquina de escribir (en que las letras van apareciendo una a una) sin necesidad de plugins. Mira como se hace y aplicalo en tus proyectos.
¿Quieres saber más de JavaScript? Inscribete a nuestro curso en ed.team/js
Visítanos en nuestra página web escuela.digital
Conoce nuestros cursos escuela.digita...
Síguenos en Facebook: escuela.digital...
Siguenos en Instagram: escuela.digital...
Síguenos en Twitter: escuela.digital...
Únete a la comunidad Escuela Digital escuela.digital...

[@JosttMe]

😱😱 estaba buscando un vídeo de efecto de maquina de escribir para hacer un vídeo con un proyecto en el cole y me encuentro con esto, sos un genio hiciste que me interese la programación. 😱😱😱

[@EDteam]

Excelente ! Nos alegra un montón que te haya sido de utilidad el vídeo :) Recuerda que esto es solo un fragmento del curso completo. Que lo puedes ver en ed.team/js

[@josepprunes3244]

Que bueno ver la expresión de alegria al conseguir que funcione!

[@yoandyvillaman2790]

hahah si y se transmite al usuario, al final acabamos riéndonos todos xD

[@jeffreybriceno]

Excelente video. Me has dado la base lógica para cumplir un requerimiento de un slider el cual las imágenes están en el background del div.

[@yvonsn]

Todo lo que explica lo entiendo sin problemas. Gracias.

[@alansalinas4311]

Gracias!

[@carlosgodoy9554]

como podria hacer que este efecto al llegar al final, se vuelva a repetir de igual manera como lo hago responsive? excelente video excelente explicacion saludos

[@orlandodejesus2051]

si la cadena es igual a el tamaño total puedes reinicias desde cero

[@danieleduardopinedafagua8935]

Buenos dias, quiero felicitarte por tan excelente video, es un efecto muy bueno para colocar en nuestros proyecto, pero quisiera hacerte una pregunta, como hago para colocar lo que se va a ver en el navegador en html, será que es con un div? Mil gracias por la ayuda

[@ediblecolt1057]

Si quieres que te aparezca en un div o una sección de tu código solo agrega hasta arriba del código una variable con valor document.getElementById(' '); Y cambias la parte que dice document.body por el nombre de la variable asegúrate de que tomes un id y no un class por qué te marca error si te equivocas. Te quedaría algo como Const pollo = document.getElemntById("título"); pollo.innerHTML += arrFromStr[i];

[@Alejandro20302]

Excelente

[@edgardodamianalvarez6289]

Hola EscuelaDigital, muy buenos tus tips y cursos, una consulta, se podrá ser alumno, soy de argentina, como hago para pagar?, saludos

[@EDteam]

Hola Edgardo, por supuesto que puedes estudiar con nosotros. Solo pagas el curso que quieras tomar y tienes acceso de por vida. Puedes pagar por Western Union o Paypal. Justo ahora tenemos descuento en Android Desde Cero y por la tarde lanzamos descuento en JavaScript Desde Cero ¡Te esperamos!

[@andresmontoya7852]

en la pagina que ustedes muestran, hay los cursos son de pagan o gratis?

[@JA-fu3fq]

Cómo podría darle estilo h1 desde js

[@edgarcastro1848]

como se podría modificar para que automáticamente se escriba una palabra con este efecto, después de unos segundos se borre letra por letra y se escriba otra diferente, cambiando unas 3 o 4 palabras diferentes. por ejemplo un texto sobre una imagen que cambie la ultima palabra de una frase como: hoy es un dia GENIAL hoy es un dia ESPECIAL hoy es un dia LOQUESEA ???

[@diegoferrer4860]

no me anda la pagina oficial

[@johanvega6374]

A Aguien mas le aparece "undifine"al infinito ? (acoto q no es el error de alvaro -... dejo mi codigo) let write = str => { let strArra = str.split(''); let i = 0; let printStr = setInterval(function(){ document.body.innerHTML += strArra[i]; i++; if ( i=== strArra.lenght){ clearInterval(printStr); document.body.style.color="red" }; },150); }; write("bienvenido a EdTeam ");

[@yoandyvillaman2790]

no me funciona, puse el js aparte y lo llame desde el html pero no funciona, tengo que usar alguna librería o algo en particular ?

[@EDteam]

yoandy villaman no se necesita ninguna librería, revisa los pasos y mira si la consola te da algún error

[@yoandyvillaman2790]

no me sale ningún error en la consola ya lo mire antes y nada nose si escribí el código mal o que puede estar pasando

[@edgarmauricio7243]

Ya no hacen tips, de este calibre en esta cuarentena ? :(

[@pablodroidoficial]

¿Te animás a hacer lo mismo pero usando sólo CSS?

[@noahkrossa7928]

como lo goza XD

[@jenniferdiaz4240]

Que aburrido video