I'm having an "Uncaught SyntaxError: Invalid or unexpected token" with the exact same code

Hello,

The function generateImage() displays an error : "Uncaught SyntaxError: Invalid or unexpected token" at line 18

and I'm unable to correct it (I'm not very familiar with ES6, I think there is a problem with concatenation but I tried many things without success).

Can you help ?

This is my code :

const select = document.getElementById('breeds'); const card = document.querySelector('.card'); const form = document.querySelector('form');

// ------------------------------------------ // FETCH FUNCTIONS // ------------------------------------------ fetch('https://dog.ceo/api/breeds/image/random') .then(response => response.json()) .then(data => generateImage(data.message))

// ------------------------------------------ // HELPER FUNCTIONS // ------------------------------------------

function generateImage(data) { const html = ' <img src='${data}' alt> <p>Click to view images of ${select.value}</p> '; card.innerHTML = html; }

Regards,

David