From 392fa65e07f547d21dd15469d46256ab02381ab2 Mon Sep 17 00:00:00 2001 From: Clarence Date: Mon, 14 Apr 2025 09:22:39 +0100 Subject: [PATCH] fix(curriculum): update favorite icon toggler requirements (#59679) --- .../lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md b/curriculum/challenges/english/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md index b996dae2353..526aeb0e928 100644 --- a/curriculum/challenges/english/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md +++ b/curriculum/challenges/english/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md @@ -18,8 +18,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab 2. The unordered list should have the class `item-list`. 3. The three list items should contain the item name followed by a `button` element with the class `favorite-icon`. 4. The `button` element should contain the code `♡` initially to represent an empty heart. -5. You should create a `filled` class that should contain style information. -6. When a `button` element containing a heart is clicked, you should add the `filled` class to the clicked `button` if it's not already present, and remove it, if it is. +5. When a `button` element containing a heart is clicked, you should add a class named `filled` to the clicked `button` if it's not already present, and remove it, if it is. +6. You should have a class selector that targets the `filled` class and sets some CSS properties. 7. When a `button` element containing a heart is clicked, the heart symbol should toggle between `♡` (empty heart) and `❤` (filled heart), depending on its current state. **Note:** Be sure to link your JavaScript file in your HTML. (Ex. ``) @@ -67,7 +67,7 @@ for (let input of inputs) { } ``` -The `filled` class should contain style information. +You should have a `.filled` selector that sets some CSS properties. ```js const filled = new __helpers.CSSHelp(document).getStyle('.filled');