assignment class 6 scss

Summary

The video provides a detailed guide on implementing a `getColor` function that retrieves color codes based on a given `type` (e.g., brand, error, success) and `level` (e.g., 25, 50, 100, 950). The task involves creating a two-dimensional map of color codes and utilizing it within the function. The script emphasizes the importance of input validation, ensuring both the `type` and `level` are valid. If invalid, the function should return an error message and `0`. The video also provides helpful tips on error handling and function structure to ensure proper implementation.

Takeaways

• 😀 The assignment requires implementing a function `getColor` that retrieves color codes based on `type` and `level`.
• 😀 Types include 'Grey', 'Brand', 'Error', 'Warning', and 'Success', each with specific color levels.
• 😀 Levels are numerical values ranging from 25 to 950, representing different shades of a color.
• 😀 A two-dimensional map should be created to store color codes for each `type` and `level`.
• 😀 The `getColor` function must validate whether the input `type` and `level` exist in the color map.
• 😀 If either the `type` or `level` is invalid, the function should return a special value `0` and display an error message.
• 😀 The error message should be 'Invalid color type or level' when invalid inputs are provided.
• 😀 For valid inputs, the corresponding color code should be returned from the map (e.g., `#b692f6` for `brand 400`).
• 😀 The function should use an `if-else` structure to check the validity of `type` and `level`.
• 😀 When an invalid `type` or `level` is detected, the function should not just return `0`, but also warn the user with a message.
• 😀 The function is expected to handle edge cases such as nonexistent types or levels gracefully, ensuring robust error handling.

Q & A

What is the main task described in the transcript?

The main task is to implement a function `getColor` that utilizes a two-dimensional color map. The function should return a color code based on the provided type (e.g., 'brand') and level (e.g., '400'). If the type or level is invalid, the function should return an error and return `null`.

What are the types of colors provided in the task?

The types of colors mentioned in the task are 'grey', 'brand', 'error', 'warning', and 'success'.

What are the valid levels for each color type?

The valid levels for each color type range from 25 to 950, in increments of 25 (e.g., 25, 50, 100, ..., 950).

What should the function return if the type or level is invalid?

If the type or level is invalid, the function should print a warning saying 'invalid color type or level' and return `null`.

How should the function check if the type and level are valid?

The function should first check if the type exists in the color map. If the type is valid, it should then check if the given level exists for that type. If either the type or level is invalid, the function should return `null`.

What is the expected output when the function receives a valid type and level?

When the function receives a valid type and level, it should return the corresponding color code from the color map. For example, if 'brand' and '400' are provided, it should return '#b692f6'.

What does the term 'two-dimensional map' refer to in this context?

A 'two-dimensional map' in this context refers to a nested structure where the first level maps each color type (e.g., 'brand') to another map that associates specific levels (e.g., '400') to their corresponding color codes.

Why is there a need for error handling in the function?

Error handling is necessary to ensure that the function behaves predictably when given invalid inputs, such as an incorrect type or level. It ensures that users are notified of the error and the function does not return undefined or incorrect values.

What does the `null` return value signify in the context of the function?

The `null` return value signifies that the function has encountered an error due to an invalid type or level. It indicates that no valid color code could be retrieved.

What is the significance of using `console.warn` in this task?

Using `console.warn` allows the program to output a warning message when invalid inputs are detected. This helps the developer or user identify the issue, without breaking the functionality of the program.