Recap

• in-class code

Housekeeping

• Question: Why does 3 > 2 > 1 evaluate to false?
• This afternoon: Dark Mode in VueJS/Nuxt

---

1. Utility Functions

Materials

• Function return values

Demo: Ratio to Percentage Converter

• Bonus Activity from Wednesday
• Starter code

2. Value validation

Materials

• Slides: Value Validation
• Client-side form validation
• Logical AND (&&)
• Logical OR (||)
• Logical NOT (!)

Breakout Activity

In pairs, refactor the GST Calculator so that:

• NaN no longer appears in the response
• toPercentage() will return false for negative numbers
• The response for negative numbers is "Please use a positive rate."
• Any others?

3. Scope

Materials

• Article: A Simple Explanation of Scope in JavaScript
• Slides: Scope terminology

4. Activity: Text area counter

Materials

• <textarea> HTML Element
• Element.getAttribute()

Activity

• Text area character counter

---

Prep

Forms

• Client-side form validation
• <textarea> HTML Element

Logical operators

• Logical AND (&&)
• Logical OR (||)
• Logical NOT (!)

Scope

• Article: A Simple Explanation of Scope in JavaScript