Kolorowanie Poprawnych odpowiedzi (input radio)

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Kolorowanie Poprawnych odpowiedzi (input radio)

szodro Zobacz profil	21.10.2012, 16:32:34 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 21.10.2012 Ostrzeżenie: (0%)	Witam. Piszę z takim problemem. Zrobilem poniższy quiz. Działa on zwyczajnie - wybieramy odpowiedź. Na koniec zlicza nam punkty w %. Potrzebowalbym do tego dodac część skryptu, która kolorowała by na koniec poprawne odpowiedzi na zielono, zaś błędne na czerwono. Robilem to na różne sposoby, jednak nie działą :/. Mógłby mi ktoś pomóc to zmodyfikować? [HTML] pobierz, plaintext <!DOCTYPE html> <html> <head> <script> function tester(form) { var percent; var correct = 0; if (form[0].checked == true) correct++; if (form[6].checked == true) correct++; if (form[10].checked == true) correct++; if (form[12].checked == true) correct++; if (form[19].checked == true) correct++; percent = (correct / 5) * 100; if (percent == 100) alert("Uzyskales " + percent + "%. Dobra Robota!"); if (percent < 100) alert("Zdobiles " + correct + " na 5 poprawnych odpowiedzi dajac ( " + percent + "% )"); } </script> </head> <body> <h1>Quiz z Datami</h1> <FORM onSubmit="tester(this); return false;"> <br><b>1. W ktorym roku byl Chrzest Polski <br></b> <INPUT TYPE="radio" NAME="No1" >966 <br> <INPUT TYPE="radio" NAME="No1">996 <br> <INPUT TYPE="radio" NAME="No1">896 <br> <INPUT TYPE="radio" NAME="No1">886 <br> <br><b>2. Wydarzenie 2 <br></b> <INPUT TYPE="radio" NAME="No2">False <br> <INPUT TYPE="radio" NAME="No2">False <br> <INPUT TYPE="radio" NAME="No2">True <br> <INPUT TYPE="radio" NAME="No2">False <br> <br><b>3. Wydarzenie 3 <br></b> <INPUT TYPE="radio" NAME="No3">False <br> <INPUT TYPE="radio" NAME="No3">False <br> <INPUT TYPE="radio" NAME="No3">True <br> <INPUT TYPE="radio" NAME="No3">False <br> <br><b>4. Wydarzenie 4 <br></b> <INPUT TYPE="radio" NAME="No4">True <br> <INPUT TYPE="radio" NAME="No4">False <br> <INPUT TYPE="radio" NAME="No4">False <br> <INPUT TYPE="radio" NAME="No4">False <br> <br><b>5. Wydarzenie 5 <br></b> <INPUT TYPE="radio" NAME="No5">False <br> <INPUT TYPE="radio" NAME="No5">False <br> <INPUT TYPE="radio" NAME="No5">False <br> <INPUT TYPE="radio" NAME="No5">True <br> <INPUT TYPE="Submit" VALUE="GOTOWE"> <INPUT TYPE="Reset" VALUE="WYCZYSC"> <br> </body> </html> [HTML] pobierz, plaintext