JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div class="NTV_bottomCon2">
    <table align="center" class="NTV_table2 bigTable">
        <tbody data-jsv-df="">
            <tr class="bodyTr" data-jsv="#16^#12_#15^#442_" data-jsv-df="">
                <td class="name" data-jsv="#443_">
                    <div class="imgCon"><img src="/generate_files/logo_teams/16741.png"></div>
                </td>
                <td class="num" data-jsv="/443_#120^">1</td>
                <td class="num">6</td>
                <td class="num">4</td>
            </tr>
            <tr class="headTr med_headTr" data-jsv-df="">
                <td></td>
                <td class="num" data-jsv="#121^">Le score</td>
                <td class="num">1 SET</td>
                <td class="num">2 SET</td>
            </tr>
            <tr class="bodyTr" data-jsv-df="">
                <td class="name" data-jsv="#444_">
                    <div class="imgCon"><img src="/generate_files/logo_teams/34989.png"></div>
                </td>
                <td class="num" data-jsv="/444_#122^">0</td>
                <td class="num">3</td>
                <td class="num">1</td>
            </tr>
        </tbody>
    </table>
</div>

JavaScript

var joueur = 0,
    nbSets = -1,
    htmlNumId = 2,
    htmlNumIdNonChoisi = 5,
    departSets = {
        2: -1,
        5: -1
    },
    continueTimer = true;

function initSets() {
    departSets[2] = parseInt($('.NTV_table2 .bodyTr').find('.num')[2].innerHTML);
    departSets[5] = parseInt($('.NTV_table2 .bodyTr').find('.num')[5].innerHTML);
    $(document).one('keypress, click', function() {
            console.log('STOP'),
                continueTimer = false;
        }),
        timerLaunch();
}

function init() {
    do {
        joueur = parseInt(prompt('Joueur (1/2)?'));
    } while (joueur !== 1 && joueur !== 2);
    do {
        nbSets = parseInt(prompt('Sets requis pour miser sur le joueur ' + joueur));
    } while (nbSets <= 0 || nbSets > 7);
    if (joueur === 2) {
        htmlNumId = 5;
        htmlNumIdNonChoisi = 2;
    }
    initSets();
}

function timerLaunch() {
    setTimeout(function() {
        if (parseInt($('.NTV_table2 .bodyTr').find('.num')[htmlNumId].innerHTML) !== departSets[htmlNumId] ||
            parseInt($('.NTV_table2 .bodyTr').find('.num')[htmlNumIdNonChoisi].innerHTML) !== departSets[htmlNumIdNonChoisi]) {
            if (parseInt($('.NTV_table2 .bodyTr').find('.num')[htmlNumId].innerHTML) === nbSets &&
                parseInt($('.NTV_table2 .bodyTr').find('.num')[htmlNumIdNonChoisi].innerHTML) === departSets[htmlNumIdNonChoisi]) {
                continueTimer = false;
                //$('#goPutBetButton').click();
                console.log('MISE')
            } else {
                console.log('LOUPE')
            }
        } else {
            if (continueTimer) {
                console.log('timerLaunch');
                timerLaunch();
            } else {
                console.log('STOP timerLaunch')
            }
        }
    }, 10);
}
init();