JSFiddle - React, Tailwind, and code Playground

by Darren Galway

HTML

<h2>You owe: <span class="count">0</span>$</h2>
<button>Add to cart</button>

CSS

body {
  font-family: sans-serif;
}

JavaScript

let counter = 0
<!-- possibly have a list of prices assigned as variables and modify the state of counter accordingly?? -->
const increment = 5
const countTotal = document.querySelector('.count')
const button = document.querySelector('button')

button.addEventListener('click', count)

function count() {
  countTotal.innerHTML = counter += increment
}