// Preia intr-un obiect toate etichetele SPAN din cadru 'ex_es'
var in_exes = document.getElementById('ex_es').getElementsByTagName('span');
//alert(in_exes.le)
// Adauga in fiecare cate o casuta INPUT
function ad_input() {
  for(var i=0; i<in_exes.length; i++) {
    in_exes[i].innerHTML = '<input onfocus="this.select()" onchange="validate(this, '+i+')" value="?" />';
  }
  document.getElementById('ex_es').getElementsByTagName('input')[0].focus();
  document.getElementById('ex_es').getElementsByTagName('input')[0].select();	// Select
}

// Scorul
var w = 0;
var z = 0;

function validate(val, nr) {
  if (val.value==r[nr]) {
    val.parentNode.innerHTML = '<b style="color:blue;">'+r[nr]+'</b>';
    z++;
	document.getElementById('ex_es').getElementsByTagName('input')[0].focus();
  }
  else {
    alert ("Incorrecto! La respuesta correcta es : \n \t" + r[nr]);
	val.parentNode.innerHTML = '<b style="color:red;">'+r[nr]+'</b>';
    w++;
	document.getElementById('ex_es').getElementsByTagName('input')[0].focus();
  }
}

window.onload = ad_input;
