Intrebare , raspuns automat+ x Corecte , y gresite

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
onu
Mesaje: 11

Intrebare , raspuns automat+ x Corecte , y gresite

Salut
aaa cum sa incep , vreu sa fac si eu un script pentru chestionare auto.
mam uitat putin la https://marplo.net/php-mysql/teste_php.html" target="_blank
+ peste script

Cod: Selectaţi tot

  1. Care din urmatoarele expresii este corecta (<i>fara eroare</i>)?
		</p>
		<ul class="ptul">
		  <li> a) &nbsp; echo "Afiseaza o fraza"</li>
		  <li> b) &nbsp; echo "Afiseaza link <a href="index.html">PHP</a>";</li>

		  <li> c) &nbsp; echo 'Teste PHP';</li>
		  <li> d) &nbsp; echo 'It's PHP test';</li>
		</ul>
		<div class="raspuns"><form action="" method="post">
		  <input type="radio" name="t00" class="r_test" value="a00" /> a) &nbsp; &nbsp; 
		  <input type="radio" name="t00" class="r_test" value="b00" /> b) &nbsp; &nbsp; 
		  <input type="radio" name="t00" class="r_test" value="c00" /> c) &nbsp; &nbsp; 
		  <input type="radio" name="t00" class="r_test" value="d00" /> d)
		</form></div>

        <p class="text-context">
dar unde este scris cuvantul corect..?

+ cum as putea adauga la sfarsit de ex: X Corecte si Y Gresite ??...

scz,, dar sunt fffffff.incepator :)

MarPlo Mesaje: 4343
Salut
Acele teste sunt facute cu JavaScript - jQuery.
Codul:

Cod: Selectaţi tot

/*
 * Script JavaScript pentru "teste_php.htm"
 * Utilizat cu JQuery
 * MarPlo - https://marplo.net
 */

// Matricea cu raspunsurile corecte
var raspunsuri = new Array('c00', 'd01', 'b02', 'a03', 'b04', 'd05', 'c067', 'c07abc', 'a085', 'd09c', 'b108', 'a11r', 'c12', 'b13');
var nr_teste = raspunsuri.length;			// Nr. teste

// Variabila pt. punctaj: corect si incorect
var puncte_c = 0;
var puncte_i = 0;

// Incepe functia pentru efectele JQuery
$(document).ready(function(){

  $(".ptul").css('font-size', '15px');
  // Cand se executa click pe "Arata punctaj"
  $("#v_punctaj").click(function() {
	var puncte_t = '<u> Raspunsuri: </u><br /> Corecte - <b><i>'+puncte_c+'</i></b> <br /> Incorecte - <b><i>'+puncte_i+'</i></b> <br /> din <u>'+(puncte_c+puncte_i)+'</u> teste completate<br /><br />Puncte: &nbsp; <b>'+(puncte_c-puncte_i)+'</b> <i>&nbsp; (din maxim <b>'+nr_teste+'</b>)</i><br />';

	$("#v_puncte").html(puncte_t);		// Adauga in div-ul cu id="v_puncte" continutul
	$("#punctaj").css("display", "bloc").slideDown();		// Afiseaza cadrul cu punctele
  });

  // Ascunde zona cu punctaje
  $("#clos").click(function() {
	$("#punctaj").slideUp(800);
  });

  // Cand se executa click pe butonul radio
  $(".r_test").click(function() {
	// Preia valoarea butonului
	var rasp = $(this).attr("value");

	var i_r = rasp.substring(1,3)*1;		// Indicile raspunsului pt. verificare in matrice
	var r_c = raspunsuri[i_r];		// Raspunsul corect din matrice
	var r_dat = (r_c.length > 3)?(r_c.substring(3,r_c.length)):(r_c.substring(0,1));

	// Verifica (in matricea "raspunsuri[]") daca valoarea e in matrice
	// Returneaza mesajul
	if (rasp==r_c.substring(0,3)) {
	  puncte_c++;			// Adaugare punct la corect
	  var mesaj = '<font color="blue"> <u><b>Corect</b></u>, raspunsul e</font> &nbsp; <b>'+r_dat+' </b>';
	}
	else {
	  puncte_i++;			// Adaugare punct la incorect
	  var mesaj = '<font color="red"> <u><b>Incorect</b></u>, raspunsul corect este &nbsp; </font><b><font color="blue">'+r_dat+'</font></b> ';
	}

	// Executa efectele JQuery
	// Inlocuieste butoanele cu raspunsul mesaj
	$(this).parents(".raspuns").fadeOut(500, function() {
	  $(this).fadeIn(1000).html(mesaj);
	});
  });
});