I have been having nothing but problems since fetch was introduced in the last module

Since fetch was introduced in the last module code doesn't seem to work at all, I have had syntax errors and now string literal contains an unescaped line break. I have gone over the code a couple of times but cannot see a problem.

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}s</p> '; card.innerHTML = html; }

// ------------------------------------------ // EVENT LISTENERS // ------------------------------------------

// ------------------------------------------ // POST DATA // ------------------------------------------