Javascript Notes

Notes on how to code with Javascript.

Javascript is an event-driven language.

Javascript Variable Declaration

Declare a variable x equal to 5:

var x = 5;

How to Add A Javascript Script to Your Page

Javascript is put into script tags, and can be put in the head section of your html page. Below is a simple example that will display an alert when the page is loaded. Note we have not used a function, so it does not need to be called and will run by default when the page is loaded.

Here's the full web page code:

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>Javascript Simple Alert Example</title>
<script language="javascript">
alert("Hi there, welcome to this page.")
</script>
</head>

<body>

<p>Javascript simple alert example page.</p>

</body>

</html>

See working example.

JavaScript Comments

// Single line comment

/*
Multiline comment 1
Multiline comment 2
Multiline comment 3
*/

JavaScript Or Operator

getElementById()

Method that returns the element that has a given id.

Example

innerHTML Property

The HTML content of an element.

The innerHTML property sets or returns the HTML content (inner HTML) of an element.

Example

Javascript Back

Javascript Refresh Page

<a onClick="window.location.reload()">Refresh</a>

Javascript Status Bar Masking

<a href="http://www.youraffiliate link" onMouseOver="window.status='your text here!'; return true" onMouseOut="window.status=''; return true">Click here</a>

Bookmark This Page Script

I found this example script at:

https://www.thewebflash.com/how-to-add-a-cross-browser-add-to-favorites-bookmark-button-to-your-website/

However, I found it to only provide an Add to Bookmarks pop-up in Firefox, so it does not add that much value to the user. Here's the working example.

JavaScript Fade Out Effect

See Demo JavaScript Fade Out

JavaScript Example - A Multiplication Table

JavaScript Multiplication Table

JavaScript Code Editors

Visual Studio Code
Includes built-in JavaScript IntelliSense, debugging, formatting, code navigation and refactorings.

JavaScript Tutorials and Resources

Microsoft Beginner's Video Series for JavaScript

Visit LowPrices.co.uk for Your UK Shopping

Buy the Samsung Galaxy S25 Ultra from Three:
- Powerful octa-core processor for snappy performance.
- Galaxy AI Assistant helps you get things done quickly.
- Pro-level photography in your pocket

Compare Prices
at LowPrices.co.uk

Home / Site Map | Contact