JSFiddle - React, Tailwind, and code Playground

by agapetos

HTML

<div id="wrap_2" style="">
    <center>
        <p><b>ljubav</b>
        </p>
    </center>
    <input type="button" id="dugme_2_1" value="casă" onclick="odgovor(2,1)">
    <input type="button" id="dugme_2_44" value="cuvânt" onclick="odgovor(2,44)">
    <input type="button" id="dugme_2_20" value="hol" onclick="odgovor(2,20)">
    <input type="button" id="dugme_2_84" value="iubire" onclick="odgovor(2,84)">
    <input type="button" id="dugme_2_102" value="opt" onclick="odgovor(2,102)">
    <input type="button" id="dugme_2_54" value="dragoste" onclick="odgovor(2,54)">
    <input type="button" id="dugme_2_103" value="nouă" onclick="odgovor(2,103)">
    <input type="button" id="dugme_2_87" value="delicat" onclick="odgovor(2,87)">
    <input type="button" id="dugme_2_125" value="cartof" onclick="odgovor(2,125)">
    <input type="button" id="dugme_2_17" value="umblă" onclick="odgovor(2,17)">
    <input type="hidden" id="did_2" value="1">
    <input type="hidden" id="id_2" name="id_2" value="84">
    <input type="hidden" id="ukupno_2" name="ukupno_2" value="">
    <input type="hidden" id="procenat_2" name="procenat_2" value="">
    <input type="hidden" id="tacno_2" name="tacno_2" value="iubire">
    <input type="hidden" id="alt_2" name="alt_2" value="dragoste">
    <input type="hidden" id="uspeo_2" name="uspeo_2" value="1">
</div>

JavaScript

function odgovor(pitanje,odgovor) {
	var tid = document.getElementById('id_'+pitanje).value;
    var ovaj = document.getElementById('dugme_'+pitanje+'_'+odgovor);
    var tacni = document.getElementById('dugme_'+pitanje+'_'+tid);
    if (did.value == 0) {
		if (tid == odgovor) {
		ovaj.style.border='2px solid #5a5';
		}
		else if (alt.indexOf(ova) !==-1) {
		ovaj.style.border='2px solid #5a5';
		tacni.style.border='2px solid #35a';
		}
		else {
		ovaj.style.border='2px solid #a55';
		tacni.style.border='2px solid #35a';
		}
	}
}