JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <h2>Sport</h2>
</header>


  <table>
    <tr id="ponuda">
      <td id="111">Real Madrid - Barcelona</td>
      <td>
        <button id="1" onclick="myFunction(1,111)">1,20</button>
      </td>
      <td>
        <button id="2" onclick="myFunction(2,111)">2,00</button>
      </td>
      <td>
        <button id="3" onclick="myFunction(3,111)">2,40</button>
      </td>
    </tr>
    <tr id="ponuda">
      <td id="222">Milan - Inter</td>
      <td>
        <button id="4" onclick="myFunction(4,222)">1,60</button>
      </td>
      <td>
        <button id="5" onclick="myFunction(5,222)">2,10</button>
      </td>
      <td>
        <button id="6" onclick="myFunction(6,222)">1,90</button>
      </td>
    </tr>
    <tr id="ponuda">
      <td id="333">Chelsea - Man. United</td>
      <td>
        <button id="7" onclick="myFunction(7,333)">2,66</button>
      </td>
      <td>
        <button id="8" onclick="myFunction(8,333)">3,11</button>
      </td>
      <td>
        <button id="9" onclick="myFunction(9,333)">1,11</button>
      </td>
    </tr>

    <tr id="ponuda">
      <td id="444">PSG - Lyon</td>
      <td>
        <button id="10" onclick="myFunction(10,444)">1,85</button>
      </td>
      <td>
        <button id="11" onclick="myFunction(11,444)">2,48</button>
      </td>
      <td>
        <button id="12" onclick="myFunction(12,444)">2,05</button>
      </td>
    </tr>
  </table>

<h3>Ticket</h3>

<div id="ticket">

</div>

JavaScript

<!-- np=array with names of clubs, odd=array with odds -->
  var y, x, cnp;
  var np = [];
  var odd = [];
  

  function myFunction(a, b) {

    x = document.getElementById(b).innerHTML;
    y = document.getElementById(a).innerHTML;
    cnp = np.indexOf(x);
    if (cnp == -1) {
      np.push(x);
      odd.push(y);
    } else {
      odd[cnp] = y;
    }
    
    var i;
    var ticketInfo ='';
    
    for (i = 0; i < np.length; i++) {
    // if there is more than one separate them with a comma
      if (i > 0) {
        ticketInfo += ', ';
      }
      ticketInfo += np[i];
    }
    document.getElementById("ticket").innerHTML = ticketInfo;

    console.log(np);
    console.log(odd);
  }