JSFiddle - React, Tailwind, and code Playground

by zaknotzak

HTML

<div class="table">
  <div data-bet="00">00</div>
  <div data-bet="0">0</div>
  <div data-bet="1">1</div>
  <div data-bet="2">2</div>
  <div data-bet="3">3</div>
  <div data-bet="red">R</div>
  <div data-bet="black">B</div>
</div>

JavaScript

document.querySelector('.table').addEventListener('click', addBet);

function addBet(event) {
  var element = event.target;
  var bet = element.getAttribute('data-bet');
  
  console.log(bet);
}