<main class="output">
  <div id="timer" class="timer">01:00</div>
  <div class="buttons">
    <button id="plus">+</button>
    <button id="minus">-</button>
    <button id="reset">Reset</button>
    <button id="start">Start</button>
  </div>
</main>
<div class="instructions">

## Timer

Use the [EasyTimer](https://albert-gonzalez.github.io/easytimer.js/) Library to create a digital timer.
 
1. Create a new timer using the `Timer()` method. Example: <br> `const timer = new easytimer.Timer()`
1. Create a `time` variable that will hold the amount of minutes for the timer. Set the value to `1`. NOTE: Because the variables value will change the `let` declaration statement should be used.
1. Add an event listener to the `$plus` element that will listen for the `click` event and increase the value of `time` if `time` is less than `59`. Then it should call the `setTimer()` function.
1. Add an event listener to the `$minus` element that will listen for the `click` event and decrease the value of `time` if `time` is greater than `1`. Then it should call the `setTimer()` function.
1. Add an event listener to the `$start` element that will listen for the `click` event and start a countdown using `time` as the startValues. Example: <br> `timer.start({countdown: true, startValues: {minutes: time}})`
1. After starting the timer, add an event listener that will listen for the `secondsUpdated` event. Example: <br> ` timer.addEventListener('secondsUpdated', function () { }`
1. In the event listener, update the `$timer` element with the timer's value as minutes and seconds. Example: <br> ` $timer.innerHTML = timer.getTimeValues().toString(['minutes', 'seconds'])`
1. Add an event listener to the `$reset` element that will listen for the `click` event and stop the timer using the `stop()` method. Then should call the `setTimer()` function.