Please enable JavaScript to use CodeHS

California Software and Systems Development I

Using JavaScript in Webpages

Students learn about the script tag, and how it can be used to write JavaScript code in their HTML files. Students will also be introduced to useful JavaScript methods that can be used to alter the state of the CSS and HTML of a webpage, as well as how the Document Object Model supports the ability to make such changes.

Lessons

8.1 JavaScript Syntax Update

  • JavaScript Syntax Update
  • Syntax Comparison
  • Re-declaring Variables: Let vs Var
  • Name and Game
  • JavaScript Syntax Update Quiz

8.2 The Script Tag

  • The Script Tag
  • The Script Tag Quiz
  • Debugging Functions
  • Using the Console
  • Writing in the Console
  • +3 more

8.3 Using the DOM

  • getElementById
  • getElementById Quiz
  • Welcome to My Site!
  • Let's Get to Know You
  • Simple Math
  • +5 more

8.4 Creating Elements Using the DOM

  • Creating Elements Using the DOM
  • Creating Elements Using the DOM
  • Make a Button
  • The Whole Family
  • Roll Call
  • +1 more

8.5 Styling Elements Using Javascript

  • Styling Elements Using JavaScript
  • Styling Elements Using JavaScript
  • Frankenstein Footnote
  • .(attribute) vs. setAttribute
  • Add a Link
  • +2 more

8.6 Functions in HTML

  • Functions in HTML
  • Functions in HTML
  • Changing Text Color
  • Change Text Color with Parameters
  • Announcement Function
  • +2 more

8.7 This Keyword

  • This Keyword
  • This Keyword
  • Clicking Multiple Paragraphs
  • Clicking with Event Listeners
  • Click Box
  • +2 more

8.8 Challenge: Make a Keyboard

  • Challenge Overview!
  • Make Button
  • Make Text
  • Make a Keyboard

8.9 Keyboard Interactions

  • Keyboard Events
  • Keyboard Events
  • Coordinate Plane
  • Make a Keyboard with Key Events
  • Key Alert
  • +2 more

8.10 JavaScript Animations

  • Animations in JavaScript
  • Animations in JavaScript
  • Growing Square
  • Changing Colors
  • Rotating Div
  • +2 more

8.11 Positioning and Animations

  • Positioning and Animations
  • Positioning and Animations
  • Positioning Elements
  • Moving Square in Container
  • Practice with Positions
  • +3 more

8.12 Collecting and Storing Data

  • Collecting and Storing Data
  • Collecting and Storing Data
  • How Much is Your Data Worth?
  • How Much is Your Data Worth Responses
  • Does Your Browser Have Local Storage?
  • +3 more

8.13 Storing Data with Local Storage

  • Storing Data with Local Storage
  • Storing Data with Local Storage
  • Saving Your Name
  • Save Button Clicks
  • Save Background Color
  • +1 more

8.14 JavaScript Objects

  • Using Objects in JavaScript
  • Using Objects in JavaScript
  • Person Object
  • Using Functions in Objects
  • A Contact Object
  • +3 more

8.15 Using Input Fields

  • Using Input Fields
  • Using Input Fields
  • Input Types
  • Serialized Form Array
  • Storing Input in Local Storage
  • +7 more

8.16 Challenge: Create a Survey

  • Survey Challenge Overview
  • Survey Brainstorm
  • Create Survey Form
  • Complete your Survey

8.17 Introduction to JavaScript in HTML Quiz

  • Using JavaScript in Webpages Quiz

Courses that include this module