Learn

In the previous exercise, you used {{if}} to determine if the compiled HTML should include a block of code. But, if that argument turns out to be falsy then you’ll just have a blank section in your HTML!

Instead, you can add a default line of code by creating an else section, using Handlebar’s {{else}} expression.

Take a look at the following code to see how {{else}} is implemented:

{{#if argument}}
  // Code to include if the provided argument is truthy 
{{else}}
  // Code to include if the provided argument is falsy 
{{/if}}

In this exercise, you’ll incorporate an else section into your code from the previous exercise.

Instructions

In index.html, in the <script> that has an id attribute of 'ifHelper', add an {{else}} expression inside the {{if}} helper block.

Great, now you’ve started on your else section, but you need to include some code. Add into your else section a <p> element that contains the text (with quotation marks): "There's no right way to say GIF!"

Go to main.js and assign the opinion property of context to false.

Run your code and you should see the falsy condition appear in the browser!

Sign up to start coding

By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?