Let’s recreate the conditional control structure using JavaScript! (The one about social media posts, remember?)
The control flow shown above is written as a conditional control structure in main.js. It looks something like this:
if (condition) { DO SOMETHING } else { DO SOMETHING DIFFERENT }
If the condition
evaluates to true, the computer will execute the body of that statement. In this case, it’s DO SOMETHING
.
If the condition
is false, the computer will execute the body of the else
statement. In this case, it’s DO SOMETHING DIFFERENT
.
Let’s adapt this general template to our example:
- The
condition
is true when the privacymode
is set to'public'
. This is already written for you in main.js. - You’ll replace
DO SOMETHING
with a JavaScript function:showDetails()
. - You’ll replace
DO SOMETHING DIFFERENT
with another function:hideDetails()
.
The instructions below will show you how to do this in code!
Instructions
Complete the control structure by calling the functions below.
If the mode
is 'public'
, call:
showDetails();
Else, call:
hideDetails();
Run the code and test the website.
If done correctly, the content of the post should be visible when you choose “Make Profile Public” in the dropdown, and the content of the post should be hidden when you choose “Make Profile Private”.