JSFiddle - React, Tailwind, and code Playground

HTML

Player A
<br>
livello <input type="text" class="livelloA"/>
forza <input type="text" class="forzaA"/>
<br><br>Player B
<br>
livello <input type="text" class="livelloB"/>
forza <input type="text" class="forzaB"/>
<br>
<br>
<button id="go">Chi vince?</button>
    
<div class="vincitore"></div>

JavaScript

// azione che parte quando clicco sul bottone
$('#go').on('click',function(){
    
    // rilevo il valore dei campi
    var livelloA = $('.livelloA').val(),
        livelloB = $('.livelloB').val(),
        forzaA = $('.forzaA').val(),
        forzaB = $('.forzaB').val();
    
    // per ipotesi la formula di calcolo è livello*forza
    var punteggioA = livelloA * forzaA;
    var punteggioB = livelloB * forzaB;
    
    //mostro i punteggi nel div con classe vincitore
    if (punteggioA > punteggioB) {
        $('.vincitore').html('vince il player A con un punteggio di '+punteggioA);
    } else {
        $('.vincitore').html('vince il player B con un punteggio di '+punteggioB);
    }
    
});