0

escribí este código HTML y Javascript, pero me da error: "main.js:11 Uncaught SyntaxError: Unexpected token '<' (at main.js:11:2)"

Estoy usando Visual Studio Code y la única extensión instalada es Live Server.

HTML

Javascript

El código del main.js es:

const url = 'https://pokeapi.co/api/v2/pokemon/3/'

fetch(url) /*api fetch permite interactuar con protocolos http */

.then(response => response.json()) /*convierto la respuesta a un json */

.then(data => {

let element = document.getElementById('elem')

element.innerHTML =

<p>${data.name} </p>; /*probé sin/con las comillas simples también y sin ; y probé con "*/

"<p>${data.order}</p>";

"<img src='${data.sprites.front_default}' />";

console.log(data) /*imprimo la promesa en la consola*/

})

.catch(err=>console.log(err))

El código del HTML es:

body
div id='elem' /div

script src="main.js"

Agradezco mucho su ayuda! Saludos Mar

1 respuesta 1

2

Deberías usar tildes invertidas (``) cuando vayas a hacer cosas así como esa que trataste, aquí está tu código, tu lógica estaba bien, nada más tenías unos problemas de sintaxis

fetch('https://pokeapi.co/api/v2/pokemon/3/')
  .then(response => response.json())
  .then(data => {
    let element = document.getElementById('elem')
    element.innerHTML = `
    <p>${data.name} </p>

    <p>${data.order}</p>

    <img src='${data.sprites.front_default}' />
    `
  });
1
  • 1
    Muchísimas gracias, Jorge!!!!
    – Mar
    Commented el 25 ago. 2022 a las 3:26

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.