文件列表:

JSL02_Solution.gif
JSL02_Solution.png
index.css
index.html
index.js

# [JSL02] Submission: Debug the DOM You will: 1. Use the Starter Code Repo, 2. Code your solution, 3. Commit changes to your repo 3. Submit GitHub Repo Link to LMS [JSL02] Submission Project Tab # Debugging Duplicate Goals **Debugging Brief:** In the current code, users can add the same fitness goal multiple times, leading to duplicate entries in the goal list. To enhance the user experience and prevent duplicates, you need to implement a check to ensure that the same goal cannot be added more than once. If a duplicate goal is detected, it should NOT be added to the list.  **Issue:** Users can add duplicate fitness goals. **Debugging Task:** Prevent users from adding the same goal more than once. - The goal is to prevent users from adding duplicate fitness goals to the list. - You need to check if the goal being added already exists in the list before appending it. - Display an alert to inform the user if they are trying to add a duplicate goal. - Focus on the code structure within the function and how to handle duplicates. **Explanation:** 1. We first retrieve all the existing goals in the `goalList` using `querySelectorAll`. 2. Then, we iterate through each existing goal and compare its text content with the new goal input. 3. If a duplicate is found, we display an alert message and exit the function using `return` to prevent the duplicate goal from being added. 4. If no duplicate is found, we proceed to create and add the new goal as before. Check out the practice challenges on Scrimba here: https://scrimba.com/playlist/pwVxGLDUW

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：