JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kliknime">Klikni za kontrabantsko rešitev</div>
<div id="resitev">
<p>Modrih pravokotnikov je <span id="mp"></span></p>
<p>Mimogrede:</p>
<p>Rdečih pravokotnikov je <span id="rp"></span><br>
Modrih kvadratov je <span id="mk"></span><br>
Rdečih kvadratov je <span id="rk"></span></p>
</div>

CSS

#kliknime {
    cursor: pointer;
}
#resitev {
    display: none;
}

JavaScript

$("#kliknime").click(function() {
    $("#kliknime").hide();
    for(mk = 1; mk < 7; mk++){
        for(rk = 1; rk < 7; rk++){
            for(mp = 1; mp < 10; mp++){
                for(rp = 1; rp < 10; rp++){
                    if(mp >= mk && rp >= rk){
                    	if(rk + mk == 7){
                      		if(rp - mk == 3){
                          		if(rk - mp == 2){
                             		$("#mp").html(mp);
                            		$("#mk").html(mk);
                             		$("#rp").html(rp); 
                             		$("#rk").html(rk);
                                    $("#resitev").fadeIn();
                                	return;
                          		}   
                      		}
                   		}
                    }
                }
            }
        }
    }
});