Web Animation · Exercise 5 of 5 Previous
Beginner
Count the cart (launch page)
Part of the still launch page: make the Add buttons increase the cart count, and keep the cart button's label right for screen readers: Cart, 1 item, Cart, 2 items.
No motion yet: Phase 8 adds the bump. Write the code in the JavaScript tab.
What Check tests
- One click: the count says 1 and the label says "Cart, 1 item"
- A second click on another button: 2 and "Cart, 2 items"
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
animations
0.00s0.10s0.20s0.30s0.40s0.50s0.60s0.70s0.80s0.90s
Nothing is moving yet. Hover, click or scroll the page: every animation it starts shows up here as a track.
frames
Console
Nothing logged yet.