Javascript Tutorial | Code Editors & Debugging | Ep10 @Avelx
Javascript Tutorial | Code Editors & Debugging | Ep10  @Avelx
Uploaded May 2017 | Updated September 2026, 2 weeks ago
Code editors facilitate us when we want to write Javascript code. As of this JS tutorial we have only been writing our code in the console window. Now we need to write more advanced scripts the console interface is too simple. Also when refreshing the page all our instructions are lost, whereas if we save our instructions into a Javascript file on persistent storage ​it will remember, persist, to keep our instructions.
We have a basic HTML file which you can write Javascript within the HTML file but this is not good. HTML is markup code where we design the structure of the page not the application logic which is done in the background. So our application logic or Javascript can be separated into a Javascript file away from our HTML.

Finally we'll review the console.log() method which will allow us to output data to the console window. This is great for debugging, when writing scripts it can often make sense but when executing in the browser things may go wrong. So when logging data out to the console we can identify what our script's are doing with the data and modify our code accordingly.

This tutorial is brought to you by avelx.co.uk - Coding tutorials to help you grow.
Javascript Tutorial | Code Editors & Debugging | Ep10Javascript Tutorial | Create & Append, InsertBefore & InsertAfter | Ep35Javascript Tutorial | How Does JS Work? | Ep2Spaceship operatorFunctions in SASSCMS integration on Vue, Angular or React componentsObject Oriented Encapsulation PrincipleGrowing as a programmerFactories in Programming | Programming TutorialAnonymous classesJavascript Tutorial | Variables, Constants & Assignment | Ep7Computer Programming for Beginners | Higher & Lower Level Languages | Ep21
Programming With Avelx |

Javascript Tutorial | Code Editors & Debugging | Ep10

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER