APIs Displaying the Content

Jacquelyn Hollister-tyson
Jacquelyn Hollister-tyson
10,247 Points

My code matches the video but still does not work. Here is a snapshot of my workspace: https://w.trhou.se/r0ij87b8p7

My code matches the video but still does not work. Here is a snapshot of my workspace: https://w.trhou.se/r0ij87b8p7

2 Answers

There are two things to fix.

1) The argument for getElementById() doesn't require a pound sign. So

const select = document.getElementById('#breeds');

should just be:

const select = document.getElementById('breeds');

2) Template literals are enclosed with back-ticks instead of quotes. This key is to the left of the number 1 key on the keyboard.

` Vs. '

In your code you used single quotes. The correct code is below:

 const html = `
      <img src='${data}' alt>
      <p>Click to view images of ${select.value}s</p>
    `;