Quick Run Check in Browser

Index

Video
Overview
Example Run Check
Doing Run Check on Another File
Web Browser Flakiness

Here is a video.. for this page.

Note that we do not cover testing js here. That is covered in a later chapter.

This is for cases where we just want to give our code a "quick run check".

We'll take a look at doing a quick run check in a browser which might be done in parallel, or after the other editing/running techniques mentioned in this chapter.

Example Run Check

First download this file... and copy the contained files into a new working directory.

You will find these files:

foo.js -- a simple js file
quick-run-check-1.html -- a html file that loads "foo.js"

By browsing "foo.js", you will notice it prints these lines to the console:

I am Foo
Hello
Goodbye

Running the code:

Open up "quick-run-check-1.html" in a web browser
In the browser, open up "Dev Tools" -- usually shortcut Ctrl-Shift-I, or from the menu
If you see any "exception" messages (usually red) go to the debugging chapter, and then circle back to these steps
Select the "console" tab
In the console, you should see the expected output

Doing Run Check on Another File

The steps for checking another .js file are simple:

We open up "quick-run-check-1.html" in our favorite plain text editor
We will follow the listed instructions (they will guide us to make only one edit)
Now we are ready to do the steps above "Running the code" on our code

Web Browser Flakiness

On occasion, web browsers can be fussy (they have gotten better). If the browser is acting odd (e.g. not showing anything on console, etc) try to refresh. Also try "Clear Browsing Data". And then restart it.

JavaScript Guide (Chapter 301 - CodeEditors)

Chapter 301 - CodeEditors Quick Run Check in Browser

Search Site Home Back To Top