0

He visto un código por CodePen, en concreto este: https://codepen.io/hi-im-si/pen/DHoup

Quiero retocarlo para incrustarlo en mi web. Resulta que los parametros del array se los pasa por html. Para una mejor "integración" me gustaría pasarlo al código javascript y quitar el código del html, de manera que según mis pocos conocimientos el código del bucle quedaría así:

var elements = ['Hola!','Soy Adri'];
for (var i=0; i<elements.length; i++) {
  var toRotate = elements[i];
  var period = 2000;
  if (toRotate) {
    new TxtType(elements[i], JSON.parse(toRotate), period);
  }

};

Pero!, en la consola me saca el error:

Uncaught SyntaxError: Unexpected token H in JSON at position 0
    at JSON.parse (<anonymous>)
    at HTMLDocument.<anonymous> (core.js:110)

No entiendo el por qué del error y mucho menos cómo solucionarlo.

Muchas gracias de antemano!

1
  • El problema es que JSON.parse espera un objeto JSON válido. En tu caso le estás pasando toRotate que es simplemente el primer elemento de elements (el string Hola). elements tiene que ser un string así: '['Hola!','Soy Adri']'. Con eso JSON.parse no falla. Aquí tienes más info sobre JSON es.stackoverflow.com/questions/164943/…
    – Kiko_L
    el 25 feb. 2019 a las 8:01

1 respuesta 1

1

Hay varios errores en el código que has puesto.

1.- El constructor de la funcion TxtType espera como primer parámetro un elemento del tipo nodo, es decir, un elemento html. Tu le estas pasando un string.

2.- Tal como dice Kiko_L, A JSON.parse no le puedes pasar un string simple.

El siguiente código funciona:

var elements = document.getElementsByClassName('typewrite'); var text = ['Hola!','Soy Adri']; var period = 1000; new TxtType(elements[0], text, period);

1
  • Genial! muchas gracias! Estoy empezando y todo esto es un mundo jaja! Mil gracias.
    – Adrián
    el 25 feb. 2019 a las 9:27

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.