DevBloom Studio
Step 1 of 7Welcome
WorkspaceDrag to resizeHide either pane
Saved
Step 1 ยท Project intro

Make a webpage react to a click

This project is your first JavaScript interaction lesson. The page is already built for you, and your code will make it switch moods when the button is clicked.

Hint: Try the button in the preview right away. Then youโ€™ll edit the JavaScript that controls what happens.
Optional challenge: By the end, make both moods feel clearly different and fully yours.
Project goal

By the end, your page will react to a click and switch between two creative moods, proving that JavaScript can make a webpage interactive.

Real JavaScriptClick interactionBig visual payoff
Live preview

Your page updates as you type.

JavaScript live preview