If you're seeing this message, it means we're having trouble loading external resources on our website.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Main content

Unit 6: HTML/JS: Making webpages interactive

About this unit

Once you've taken both Intro to JS and Intro to HTML/CSS, take this course to learn how use HTML/CSS with the JavaScript DOM API to make your webpages interactive.

Get ready to make your webpages interactive

Are you ready to learn how to make your webpages interactive with HTML, JavaScript, and the DOM API? You'll find out with our review quizzes in this tutorial. Get pumped!

Learn

Practice

JS and the DOM

Learn how to use JavaScript to control the "DOM" (Document Object Model) of a webpage.

Learn

Practice

DOM access methods

Learn how to use the DOM API from JavaScript to access elements in your webpages.

Learn

DOM modification

Learn how to use the DOM API from JavaScript to modify aspects of your webpage elements like their styles and attributes, plus create new elements from scratch.

Learn

DOM events

Learn how to use the DOM API from JavaScript to make your webpage react to user events, like clicking, scrolling, and entering fields in forms.

Learn

DOM animation

Learn how to animate parts of your webpage, using three different techniques- window.setInterval, window.requestAnimationFrame, and CSS animations/transitions.

Learn

Using JS libraries in your webpage

Learn how to include JS libraries on your webpage, so that you can use functionality built by other web developers.

Learn

Practice

Further learning

Now that you've learned how to manipulate your webpages with JavaScript, what else could you learn?

Learn