[JavaScript][HTML]Quiz w JavaScript Opcje

[deadmen4]

Witam,

Chcę zrobić quiz w javascript oparty na funkcji prompt

10 pytań. Wygląda to tak:

Pytanie... wpisujemy odpowiedź (prawidłowa musiała by być chyba dla każdego pytania w zmiennej zapisana)
Następne...
itd

Po ostatnim pytaniu wyświetlony PROCENT poprwnych odpowiedzi (funkcją alert).

Nie wiem tylko, jak to przygotować...

Chyba dla każdego pytania przypisać osobną zmienna, a na końcu porównanie zmiennych z prawidłowymi odpowiedziami dla każdej z nich i wyliczenie procenta.

WAŻNE aby używać html i javascript niestety, nic więcej.

Mógłbym prosić o pomoc jak się za to zabrać, jak te zmienne zrobić (( ..


pozdrawiam

Ten post edytował deadmen4 19.05.2010, 15:37:41

[Wicepsik]

[JAVASCRIPT] pobierz, plaintext 
var a = prompt("PYTANIE 1","");
var ile=0;
if('odpowiedz' == a) ile++;
[JAVASCRIPT] pobierz, plaintext 

[deadmen4]

Dzięki wielkie. Prawde mówiąc, sam trochę też pomyślałem i wyprodukowałem to też inaczej.

Powiedzcie, które lepsze:

1.

[JAVASCRIPT] pobierz, plaintext 
 
<script type="text/javascript">
 
  var ile=0;
 var a = prompt("PYTANIE 1");
 
 
 if(a==1) {ile++ }
 
  var b = prompt("PYTANIE 2");
 
 
 if(b==2) {ile++}
 
  var c = prompt("PYTANIE 3");
 
 
 if(c==3) {ile++}
 
 
 
var suma=(ile)/3*100
 
alert("Twoj wynik to:  "  + [suma] ); 
 
</script>
 
[JAVASCRIPT] pobierz, plaintext 

Ten napisałem na podstawie postu Wicepsika

2.

[JAVASCRIPT] pobierz, plaintext 
 
<script type="text/javascript">
 
 
var pyt1= prompt("Pytanie 1");
var pyt2= prompt("Pytanie 2");
var pyt3= prompt("Pytanie 3");
 
if (pyt1==1) {
 
var odp1=1
 
}
 
else {
 
    var odp1=0
}
 
if (pyt2==2) {
 
var odp2=1
 
}
 
else {
 
    var odp2=0
}
 
if (pyt3==3) {
 
var odp3=1
 
}
 
else {
 
    var odp3=0
}
 
var suma=(odp1+odp2+odp3)/3*100;
 
 
alert("Twoj wynik to:  " + suma);
 
</script>
 
 
[JAVASCRIPT] pobierz, plaintext 

Ten napisałem sam, jeszcze nim dostałem odpowiedź w tym temacie.

Oba są podobne, i oba działają. Tylko który wziąść

Ten post edytował deadmen4 19.05.2010, 16:35:51

[Wicepsik]

Przeanalizuj sobie ten skrypt

[JAVASCRIPT] pobierz, plaintext 
	var p = new Array(); // Pytania
	var o = new Array(); // Odpowiedzi
		p[0] = 'To jest pytanie 1';
		o[0] = '1';
 
		p[1] = 'To jest pytanie 2';
		o[1] = '2';
 
	var ile=0;	
	for (x in p){
		if(o[x] == prompt(p[x])) ile++;
	}
	alert('Dobre odpowiedzi: '+(Math.round(ile/p.length*100)));
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Wicepsik 19.05.2010, 16:54:30

[deadmen4]

Nie no to mnie przerasta

Uczciwie to nic nie kapuje.

Tak btw. to do szkoły i musz umieć to wytłumaczyć..... może być jeden z tych dwóch??

[croc]

Ja bym zrobił inaczej:

[JAVASCRIPT] pobierz, plaintext 
 
var quiz = new Array(
   'Kto odkrył Amerykę?' => 'Krzysztof Kolumb',
   'Co pływa po wodzie i kaczka się nazywa?' => 'kaczka',
   'Jaki kolor mają twoje zęby?' => 'żółty'
   // itd.
);
 
correctAnswers = 0;
 
for (question in quiz){
		if(quiz[question] == prompt(question, ''))
                      ++correctAnswers;
	}
 
[JAVASCRIPT] pobierz, plaintext 

Poczytaj o Array. Dzięki nim będziesz mógł łatwo dodawać/usuwać pytania bez ciągłego powtarzania kodu.

[deadmen4]

dobra jakoś sobie poradze. Dzięki wszystkim, ale jeszcze mam takie 2 pytanka:

1. Jak wyświetlić alert w postaci: blabla zmienna blabla

Mam:

alert("Twoj wynik to: " + suma);


A za 'sumą' ma być jeszcze tekst.... jak go wpisać.? Bo róznie próbowałem ale nie idzie....


2. Jak zaokrąglić wynik do iluś miejsc po przecinku w javascript?? Bo w php to:

echo round($liczba, 1)

A w javie.....

Ten post edytował deadmen4 19.05.2010, 19:01:08

[croc]

Proszę, nie mów nigdy Java na JavaScript. One nie mają z sobą NIC wspólnego (poza nazwą).

[JAVASCRIPT] pobierz, plaintext 
alert('tekst ' + zmienna + ' dalszy tekst');
[JAVASCRIPT] pobierz, plaintext 

a jeśli chodzi o zaokrąglenie, to JavaScript nie ma funkcji zaokroąglającej do X miejsc po przecinku, ale możesz własną funkcję, np.:

[JAVASCRIPT] pobierz, plaintext 
function roundTo(value, places) {
   var base = Math.pow(10, places);
   return Math.round(value * base) / base;
}
 
alert('Test: 63.8372 zaokrąglone do 2 miejsc po przecinku to: ' + roundTo(63.8372, 2));
[JAVASCRIPT] pobierz, plaintext 

Mam nadzieję, że działa, bo nie chce mi się sprawdzać

[deadmen4]

Acha........ a da się jakoś prościej skrócić liczbę? Bo mam wyliczony procent i wywala 66.666666666666 Poprostu żeby to skócić.

[croc]

Jeszcze prościej?

[deadmen4]

ta

[croc]

No to weź po prostu np. dla dwóch miejsc:

[JAVASCRIPT] pobierz, plaintext 
Math.round(procent * 100) / 100;
[JAVASCRIPT] pobierz, plaintext 

Jak ma być 1 miejsce, to zamiast tych dwóch setek dajesz dwie dziesiątki.

[deadmen4]

Ok suuper! Wszystko śmiga