Esta es mi primera pregunta sobre StackOverflow, así que espero incluir todo lo necesario. Si no, por favor hágamelo saber y lo modificaré en consecuencia.
Estoy tratando de hacer que Typed.JS funcione en esta página de conversión de números romanos. Me gustaría que el número convertido se representara con el efecto de "escribir", pero no consigo que funcione. El número se procesa y no veo ningún error en la consola, pero falta el efecto de escritura.
En mi archivo script.js, importé Typed y también lo incluí en el HTML (no podía entender si solo uno de ellos era necesario. Los documentos no dicen mucho)
import Typed from typed.js;
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
y la función que lo incluye es la siguiente. Toma la entrada del usuario como argumento/parámetro y la muestra en la página.
Este es el enlace del repositorio: https://github.com/Antonio-Riccelli/js-roman-numeral-converter
function outputRomanNumeral(roman) { let options = { strings: [`${roman}`], typeSpeed:90, }; let par = document.getElementById("output"); par.classList.remove("bg-danger", "text-white", "error-message") let typed = new Typed('#spanOutput', options); par.classList.add("border-bottom", "border-dark", "border-2"); }Agradezco cualquier comentario que pueda proporcionar. Gracias.
En primer lugar, la forma en que está importando typed.js es incorrecta. Necesita citas a su alrededor, aunque eso tampoco funcionaría. Está intentando importarlo cuando tiene instalado el paquete typed.js NPM, pero eso solo funciona si tiene un paquete de módulos como Webpack.
En tu caso, hay un par de cosas que podrían funcionar.
import Typed from "https://cdn.jsdelivr.net/npm/typed.js@2.0.12";