Page Title

Ways to run JavaScript Tutorial

Beginner Tutorials series #1

This code describes how to use JavaScript in HTML documents. You can also look at the comments in the source code

Note in what order JavaScript code is run when running the code.

The script element:

Use the script element's src attribute to specify any URL online or file path on your computer. It can be applied at the end of the body tag or head tag, if it is to be run asyncronously.

The file should end with the ".js" file extension.

Keep note that SoloLearn does not support file paths inside your computer.

<script src="path/to/JS-file.js"></script>

The script elements can be used for JS code in another way too.

Put any JavaScript code in between the script tags.

<script>
alert('JS code in the bottom of the body tag. ')
</script>

The JavaScript tab.

This only works on SoloLearn. Professional websites and code editors so not have a JS "tab"

alert('JS code in the JS tab')

JS code with HTML event attributes

You can use JavaScript events to run JavaScript code. Just add an event like ondrag, onpress, onload, and even more to run JavaScript. This example shows HTML run when the HTML body is loaded:

<body onLoad="alert('JS code in with HTML events. In this case onLoad is used. ')"></body>

How to use JS on HTML[q/a help]