JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <p>
        <input type="radio" name="scoreA" value="0"> 0
        <input type="radio" name="scoreA" value="1"> 1<br/>
        <input type="radio" name="scoreB" value="0"> 0
        <input type="radio" name="scoreB" value="1"> 1
    </p>
</form>

<div id="result">
    <div data-score-a="0" data-score-b="0">
       Dit is voor 0 - 0.
    </div>
        <div data-score-a="1" data-score-b="0">
       Dit is voor 1 - 0.
    </div>
        <div data-score-a="0" data-score-b="1">
       Dit is voor 0 - 1.
    </div>
    <div data-score-a="1" data-score-b="1">
       Dit is voor 1 - 1.
    </div>
</div>

CSS

div#result div {
    display: none;
}

JavaScript

$( document ).ready( function() {
    
    $( "form" ).on( "click", "input[name^='score']", function () {
        
        var a = $( "input[name='scoreA']:checked" ).val();
        var b = $( "input[name='scoreB']:checked" ).val();
        if( a && b ) {
            $( "div#result div" ).hide();
            $( "div#result div[data-score-a="+a+"][data-score-b="+b+"]" ).show();

        }
    });
    
})