Debugging: Try...Catch

In this mini-project, you'll practice using try...catch blocks to handle errors in your JavaScript code.

How to debug with try...catch

1. Identify the code that may throw an error.
2. Wrap that code in a try block.
3. Add a catch block to handle any errors that occur.
4. Optionally, use a finally block to execute code regardless of whether an error occurred.

Example:

            
try {
    // Code that may throw an error
    let result = riskyFunction();
    console.log(result);
} catch (error) {
    // Handle the error
    console.error("An error occurred:", error.message);
} finally {
    // Code that runs regardless of an error
    console.log("Execution completed.");
}
            
        

References:

• MDN Web Docs: try...catch
• JavaScript.info: try...catch

Debugging Using Browser DevTools

In addition to using try...catch, you can also utilize browser developer tools to debug your code. Here are some tips:

• Use breakpoints to pause code execution and inspect variables.
• Step through your code line by line to understand the flow.
• Check the console for error messages and stack traces.
• Use the "Watch" feature to monitor specific variables.

References for Browser DevTools:

• Chrome DevTools: JavaScript Debugging
• Google Chrome DevTools: Debug JavaScript
• MDN Web Docs: Using the Debugger

Open the Console to View Errors