我的網(wǎng)絡(luò)應(yīng)用程序是關(guān)于體育比賽的預(yù)測。我的頁面顯示了所有比賽以及您可以從一場比賽的每個結(jié)果中獲得的分?jǐn)?shù)（馬德里 = 12 分 VS 巴塞羅那 = 15 分）。因此，用戶在匹配項中選中一個框并為他選擇正確的結(jié)果。我希望每次用戶選中一個框時，向他顯示他選中的框數(shù)。這是我的 Javascript 來計算選中的框：    const updateCount = function() {      var x = document.querySelectorAll(".square:checked").length;      document.querySelector(".plus").innerHTML = x;    };這是將顯示選中框數(shù)量的 HTML<div class=" d-flex pt-2">            <h3 class="typos">Matchs pronostiqués</h3>            <h3 class="typos pts" style="font-weight: bold; padding-left: 5px;"><%= current_user.forecasts.where(confirmed: true, season_id: Season.last.id).count %>/50</h3>            <span class="plus"></span>          </div>這是我的 Javascript，以便了解用戶預(yù)測的游戲以及他選擇的結(jié)果：const selectOutcome = () => {  const selects = document.querySelectorAll(".square");  selects.forEach((outcome)=>{    outcome.addEventListener("click",(event) => {  $('input[type="checkbox"]').on('change', function() {   $(this).siblings('input[type="checkbox"]').not(this).prop('checked', false);});      const result = event.currentTarget.dataset.outcome;      console.log(result);      const id = event.currentTarget.parentNode.dataset.id;      console.log(id);      const box = event.currentTarget.checked;      console.log(box);      const url = 'store_outcome?result='+result+'&match='+id+'&box='+box      fetch(url)        .then(response => response.json())        .then((data) => {      console.log(data);      });    });  });}const validePanier = () => {  const panier = document.getElementById('panier');  panier.addEventListener("click", (event) =>{    console.log("click")    const player = document.getElementById('season_player').value;    fetch('confirm_pending?player='+player)    .then(response => response.json())    .then((data) => {    console.log(data);    });  })}有一個數(shù)據(jù)ID。目的是當(dāng)用戶選中一個框時，我可以獲得匹配的 ID，以便為正確的游戲創(chuàng)建正確的預(yù)測。