Javascript Table of Contents

Click Here for Project Description

JavaScript for Web Design
JavaScript lets your webpage respond to the user. Buttons, text changes, image changes, reading input, simple logic, and multi-step interactions all use the same basic tools.
JavaScript on W3Schools

Start Here – The Essentials
Short overview of how JavaScript runs in a webpage. Console, script tags, basic usage.

Variables, Strings, and Simple Logic
Variables
Strings
If / Else
Booleans

Functions
Functions are used for actions, event responses, and updates to the webpage.

Core DOM Skills – Changing the Webpage
Finding Elements with getElementById()
Changing Text (innerHTML)
Reading User Input (value)
Changing Images (src)
Changing Images (part 2)
Changing Style (color, display, size)

Events – Making Your Page Respond
Buttons and onclick
Common Events (click, mouseover, change)
addEventListener (Optional)

Extras (Optional)
Timers
JSON


This page was created by ChatGPT under the supervision of the human creator of this site. My old JavaScript content needed some serious reorganizing.