Search⌘ K
AI Features
Home
Courses
Learn JavaScript

Create a Smart Button

Explore how to create a smart button that remembers user actions and responds differently on each click. Understand using boolean variables and if/else logic within event listeners to add memory and dynamic behavior. This lesson helps you build interactive UI elements that change based on previous input and reset their state for repeated use.

We'll cover the following...

Now that your code can remember things and make decisions, let’s bring it all together! You’ll build a button that changes how it behaves—depending on what the user has already done.

Goal

You will learn to:

  • Use if/else inside an event listener.

  • Respond differently depending on a value.

  • Create dynamic behavior on click.

HTML setup

Let’s start with a simple button and a space to show the message:

JavaScript that thinks

...