Learn Basic OOP by Building a Shopping Cart - Step 39

JavaScript
1

Tell us what’s happening:

cartBtn.addEventListener("click", () => {
  isCartShowing = !isCartShowing;
  isCartShowing 
  ? showHideCartSpan.textContent = "Hide" 
  : showHideCartSpan.textContent = "Show"

});

Would anyone confirms the above-mentioned code?

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn Basic OOP by Building a Shopping Cart - Step 39

2

When I test the code by clicking the cartBtn it works good, so what’s wrong?

3

Can anyone help pls…

4

The ternary expression should look like the following:

... = checksomething ? Value1 : Value2;

The variable.content goes in the front of the expression (before the = operator).
You should add just one code line.

This is guidance.

5

Thanks for your reply. As much as I know, in ternary we don’t have to use equal nor strict equal in case of boolean condition. please adv ise.

6

For example:

feedback === "yes" ? sayThankYou() : saySorry();

If feedback has the value yes , then the sayThankYou function will be called and executed. Otherwise, the saySorry function will be called and executed.

Use an analogy in approach to solve the task in this challenge.

7

Thank you once again. I did what you proposed, and still not working
isCartShowing === true
? do something

Please check

8

The instructions: “if isCartShowing is true, set the textContent to Hide , otherwise set it to Show”:

variable.content = If that card is showing ? Value1 : Value2; ... **guidance** again

Values given as guidance are actually “Hide” (if isCardShowing is true), and “Show” (if it is not),
‘variable’ is showHideCartSpan variable,
‘content’ is textContent.

1 Like
9

I got Thank you very much. :smile:

2 Likes
10

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.