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: HTML/JS: Making webpages interactive

Contents
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.

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 how to use JavaScript to control the "DOM" (Document Object Model) of a webpage.

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

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 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 how to animate parts of your webpage, using three different techniques- window.setInterval, window.requestAnimationFrame, and CSS animations/transitions.

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

Now that you've learned how to manipulate your webpages with JavaScript, what else could you learn?
Advanced JS: Natural Simulations
HTML/JS: Making webpages interactive with jQuery
Up Next
HTML/JS: Making webpages interactive with jQuery