JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div class="NTV_table2">
    <div class="bodyTr">
        <span class="num">0 -</span>
        <span class="num">0</span>
        <span class="num">1</span>
        <span class="num">2</span>
    </div>
    <div class="bodyTr">
        <span class="num">0 -</span>
        <span class="num">3</span>
        <span class="num">4</span>
        <span class="num">5</span>
    </div>
</div>
<div id="goPutBetButton">button</div>

JavaScript

/*Config*/
var joueur = 1; // 1 ou 2
var set = 2; // 1 2 ou 3
var gainLorsque = -1; // quand miser (score du set espéré)

/*Script*/
var t;
var enCours = false;
var timerCancelInit = 9000;
var timerCancel = timerCancelInit;
var timerDelais = 100;

function addEventScript() {
    $('#goPutBetButton').on('click', function() {
        if (!enCours) {
            enCours = true;
            $('#forcerPariMagique').show().on('click', function() {
                console.log('annuler')
                removeEventScript();
            });
            console.log('click')
            verifResultat();
        }
    });
}

function verifResultat() {

    if (timerCancel <= 0) {
        if (parseInt($($('.NTV_table2 .bodyTr')[joueur - 1]).find('.num')[set].innerHTML) != gainLorsque) {
            console.log('fin: redir');
            //window.location.href = "https://1zport.space/fr/office/account";
        }
    } else {
        timerCancel -= timerDelais;
        $('#tempsRestantMagique').text((timerCancel / 1000).toFixed(2) + " sec");
        t = setTimeout(function() {
            verifResultat();
        }, timerDelais);
    }

}

function removeEventScript() {
    clearTimeout(t);
    $('#forcerPariMagique').hide().off('click');
    $('#tempsRestantMagique').text('');
    timerCancel = timerCancelInit;
    enCours = false;
    console.log('off')
}

function calcTotal() {
    var totalJoueur1 = (parseInt($($('.NTV_table2 .bodyTr')[0]).find('.num')[1].innerHTML) || 0) +
        (parseInt($($('.NTV_table2 .bodyTr')[0]).find('.num')[2].innerHTML) || 0) +
        (parseInt($($('.NTV_table2 .bodyTr')[0]).find('.num')[3].innerHTML) || 0);
    var totalJoueur2 = (parseInt($($('.NTV_table2 .bodyTr')[1]).find('.num')[1].innerHTML) || 0) +
        (parseInt($($('.NTV_table2 .bodyTr')[1]).find('.num')[2].innerHTML) || 0) +
        (parseInt($($('.NTV_table2 .bodyTr')[1]).find('.num')[3].innerHTML) || 0);

    return totalJoueur1 + totalJoueur2;
}

function updateTotal() {
   ...