1. Developer tools console;
To open this tool all one has to do is open the browser menuAll you have to do is open the menu which for chrome are the three dots at the top right corner, proceed to more tools, and head to developer tools.
There are two ways of utilizing this option; - Console tool;
- Code snippets;
To type multiple lines of code, create a new snippet which is basically a .js file, and once done, proceed to write all the code you need on the right editor and run it by clicking the enter button at the bottom of the snippet.
To run your code, from the console, ensure you are located inside the directory containing your .js file, type node followed by the file name example;
live server is an amazing and very effective tool for developers I dare say one of the best I've ever come across when building web projects because it ensures I don't have to keep reloading web projects. the only point to this is that as much as it works great, it just seems overkill and complicated to run simple code snippets with it.
Basically, all you have to do is;
Install the extension on vs-code (live server),
Create two files, a.html and .js file,
Create the HTML boilerplate( The basic HTML layout) in the HTML file,
Link the two files with the tag