Fix JS errors

Fix JavaScript errors
The first experience you have with the Console is likely to be errors in scripts.

Demo page: JavaScript error reported in the Console tool
Open the demo webpage JavaScript error reported in the Console tool in a new window or tab.

Right-click anywhere in the webpage and then select Inspect. Or, press F12. DevTools opens next to the webpage.

In the top right of DevTools, the Open Console to view errors button displays an error about the webpage.

Click the Open Console to view errors button on the top right. In DevTools, the Console gives you more information about the error:

DevTools gives detailed information about the error in the Console.

Many error messages in the Console have a Search for this message on the Web button, shown as a magnifying glass. This feature was introduced in Microsoft Edge version 94. (For more information, see Search the web for a Console error message string.)

The information in this error message suggests that the error is on line 16 of the error.html file.

Click the error.html:16 link on the right of the error message in the Console. The Sources tool opens and highlights the line of code with the error:

The Sources tool highlights the line of code that causes the error.

The script tries to get the first h2 element in the document and paint a red border around it. But no h2 element exists, so the script fails.

Regards,
Rachel Gomez