As a user, I should see a leveler of set to 50 and two buttons that say bowling and bicycling in the top righthand corner. When each button is clicked, the correct amount should be added to the leveler: add fifty for bowling and add two for unhealthy.
AC
WHEN the page loads
THEN a private variable should be set to 50 out of 100 called funAND there should be two buttons: bowling and bicycling
AND when clicked, the bowling button should add fifty to the private variable
AND the bicycling button should add two.
Dev Notes
Create a new file in components folder called play.js
Create a private variable called fun that is set to 50 out of 100 on page load
Set the fun variable to decrease by eight on a timer -- every forty seconds
Write function called playActionBuilder that prints two buttons to the DOM -- you will need to import the printToDom for this
The first button bowling should add fifty to the private variable
The second button bicycling should add two to the private variable
User Story
As a user, I should see a leveler of set to 50 and two buttons that say bowling and bicycling in the top righthand corner. When each button is clicked, the correct amount should be added to the leveler: add fifty for bowling and add two for unhealthy.
AC
WHEN the page loads THEN a private variable should be set to 50 out of 100 called
fun
AND there should be two buttons: bowling and bicycling AND when clicked, the bowling button should add fifty to the private variable AND the bicycling button should add two.Dev Notes
play.js
fun
that is set to 50 out of 100 on page loadfun
variable to decrease by eight on a timer -- every forty secondsplayActionBuilder
that prints two buttons to the DOM -- you will need to import the printToDom for thisbowling
should add fifty to the private variablebicycling
should add two to the private variable