scrimba

Watch in fullscreen

To see this lesson you need to be logged in. Joining Scrimba is free and gives you access to 20+ courses.Sign up

Display Favorites

by Bob Ziroll

About

Comments

Notes

Display Favorites

by Bob Ziroll

Expand for more info

z_challenge.md

run

preview

console

# Challenge

Make the image display the filled heart icon when it's already favorited

Logic to follow:
* If the image is favorited, display the filled heart icon always
* Otherwise, if the image being hovered on, display the heart outline instead
* If it isn't favorited OR hovered on, don't display anything

Remember to make it so clicking the filled heart icon ALSO runs the toggleFavorite function!

Filled heart icon:
<i className="ri-heart-fill favorite"></i>

# Challenge

Make the image display the filled heart icon when it's already favorited

Logic to follow:

* If the image is favorited, display the filled heart icon always

* Otherwise, if the image being hovered on, display the heart outline instead

* If it isn't favorited OR hovered on, don't display anything

Remember to make it so clicking the filled heart icon ALSO runs the toggleFavorite function!

Filled heart icon:

-3:56