Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialStan Byford
9,387 PointsI 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 // ------------------------------------------
2 Answers
Stan Byford
9,387 PointsSolved I was using a ' instead of a ` in other words for those with visual difficulties an apostrophy instead of a backtick
Elisa Burghard
9,276 PointsHappy you figured it out by yourself :)
Stan Byford
9,387 PointsThanks, Elisa. I just thought back to my teens (yeah my memory goes back that far) and sitting down with a magazine and copying code it was always a comma, semi-colon or such which always caused the problem. Who invented backticks anyway pfft :)
Elisa Burghard
9,276 PointsHey Stan, I applaud your great memory :) I admit I do like backticks, makes it so easy to use template strings instead "...." + "...." ! But i agree that they are sometimes hard to spot
Elisa Burghard
9,276 PointsElisa Burghard
9,276 PointsHi Stan, I think you are using quotation marks (' ') instead of backticks (``) when assigning your html!