Please enable JavaScript to use CodeHS

Utah Web Development 2

Introduction to Javascript in HTML

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

1.1 The Script Tag

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

1.2 Using the DOM

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

1.3 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

1.4 Styling Elements Using Javascript

  • Styling Elements Using JavaScript
  • Styling Elements Using JavaScript
  • Frankenstein Footnote
  • .(attribute) vs. setAttribute
  • Styling an Image
  • +4 more

1.5 Functions in HTML

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

1.6 This Keyword

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

1.7 Challenge: Make a Keyboard

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

1.8 Keyboard Interactions

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

1.9 JavaScript Animations

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

1.10 Positioning and Animations

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

1.11 Introduction to JavaScript in HTML Quiz

  • Introduction to JavaScript in HTML Quiz

Courses that include this module