Skip to content
angular challenges logo Angular Challenges

๐ŸŸข Bug in Effect

Challenge #50

Created by Thomas Laforge

Information

In this basic exercise, we aim to display an alert whenever at least one checkbox is checked. You are in the process of buying a MacBook, which can be upgraded with some extras, like more drive space, more RAM or a better GPU.

Bildschirmfoto 2024-05-09 um 08 57 57

Statement

The actual implementation doesnโ€™t work as expected, your task is to fix the issue. Your team exposed a bug, there is a alert to be shown if atleast one of the three checkboxes is checked. But if the first one is checked, the other two checkboxes gets checked without displaying the alert. Why does this happen?

The objective of this challenge is to understand the issue and fix the problem, preventing the alert from appearing when the second checkbox is clicked.

Acceptance Criteria

To ensure this feature works properly, try this out to reproduce the bug after solving the challenge, to check if the bug is gone.

  • Check box 1 (Alert should be shown)
  • Check box 2 (Alert should be shown)
  • Uncheck box 1
  • Check box 3 (Alert should be shown)
  • Uncheck box 2
  • Uncheck box 3

Bonus Challenge

  • Try to implement this feature with a computed signal.

Contributors

Thanks to all the contributors who have helped make this documentation better!

  • tomalaforge
  • svenson95