[JavaScript] JavaScript - QUIZ najczęściej wybierana odpowiedź i przekierowanie Opcje

[-czarekwenta-]

Napisałem skrypcik który na podstawie najczęściej wybieranych odpowiedzi po zadaniu 3 pytań przekierowuje do odpowiedniej strony.


Wszystko działa prawie tak jak chciałem, jednak jestem dopiero początkujący i pojawiło się kilka drobnych problemów z którymi nie mogę sobie poradzić.


ONLINE:Link


Problem polega na tym że w przypadku gdy są zaznaczone 3 różne odpowiedzi nie wiadomo do której strony ma prowadzić (takich kombinacji jest 9).

Moim rozwiązaniem tego problemu jest dopisanie linijek, które w przypadku zaznaczenia 2 różnych odpowiedzi w 2 pierwszych pytaniach wyłączają input ( nadają mu disabled="disabled") w 3 pytaniu który byłby 3 różną odpowiedzią i dają możliwość wyboru tylko 2 pozostałych które spełniają funkcję programu.

Fajnie by było, gdyby jeszcze te pytania wyświetlały się kolejno po sobie, a nie wszystkie naraz i by w każdym z nich skrypt wymagał zaznaczenia pola i dopiero potem pozwolił przejść dalej. Przerasta to moje umiejętności a pracę pilnie potrzebuję do szkoły. Jeżeli nie znalazłby się nikt o dobrym sercu kto były w stanie to napisać za darmo jestem w stanie zapłacić, ponieważ to bardzo PILNE . Wydaje mi się, że to nie jest aż takie trudne.



OTO MÓJ KOD

[JAVASCRIPT] pobierz, plaintext 
<div class="news"><script language="JavaScript">
function process()
{
	var informatyk = 0;
	var robotyk = 0;
	var biomedyk = 0;
 
 
                  var pegaz = 0;
                  var pquiz = "";
	var f = document.f;
	var i = 0;
	var error = 0;
	var value = 9999;
 
	for (i = 0; i < f.one.length; i++) if (f.one[i].checked) value = f.one[i].value;
	if (value == "1") {informatyk++;  }
	if (value == "2") {  robotyk++;  }
	if (value == "3") {biomedyk++; }
 
	if (value != "1" && value != "2" && value != "3" && value != "4" && value != "5") { error = 1; }
 
	for (i = 0; i < f.two.length; i++) if (f.two[i].checked) value = f.two[i].value;
	if (value == "1") {robotyk++;  }
	if (value == "2") { biomedyk++;  }
	if (value == "3") { informatyk++; }
 
	if (value != "1" && value != "2" && value != "3" && value != "4" && value != "5") { error = 1; }
 
	for (i = 0; i < f.three.length; i++) if (f.three[i].checked) value = f.three[i].value;
	if (value == "1") {biomedyk++;  }
	if (value == "2") { informatyk++;  }
	if (value == "3") { robotyk++; }
 
	if (value != "1" && value != "2" && value != "3" ) { error = 1; }
 
 
	i = 0;
 
	if (informatyk > i) { pquiz = "1.html"; i = informatyk; }
		if (robotyk > i) { pquiz = "2.html"; i = robotyk; }
	if (biomedyk > i) { pquiz = "3.html"; i = biomedyk; }
 
 
 
 
                  if (error == 1)
	{
		alert("Musisz odpowiedzieć na wszystkie pytania !");
	}
	else
	{
		location.href = "" + pquiz;
	}
}
</script>
 
<h4>Quiz "Jaki kierunek studiów dla ciebie?"</h4>
 
<form name="f">
 
<h2>1. Pytanie</h2>
<p>
<input name="one" value="1" type="radio">Informatyk
<input name="one" value="2" type="radio">Robotyk		
<input name="one" value="3" type="radio">Inżynier biomedyczny
 
</p>
 
<h2>2. Pytanie</h2>
<p>
<input name="two" value="1" type="radio">Robotyk	
<input name="two" value="2" type="radio">Inżynier biomedyczny
<input name="two" value="3" type="radio">Informatyk
 
</p>
 
<h2>3. Pytanie</h2>
 
<p>
<input name="three" value="1" type="radio">Inżynier biomedyczny
<input name="three" value="2" type="radio">Informatyk
<input name="three" value="3" type="radio">Robotyk	
 
 
</p>
 
 
 
 
<h2><center><input value="Kim jestem ?" onclick="process();" 
type="button"></center></h2>
 
 
<div style="text-align: center;">
<div class="adspaceh" style="width: 468px; margin: 0pt auto;">
 
</div></div></form></div></body></html>
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował czarekwenta 7.01.2015, 19:57:59

[trueblue]

Dlaczego jest założenie, że nie można dać różnych odpowiedzi na każde z trzech pytań?

[trueblue]

Nie jestem w stanie, bo jest to błąd logiczny - nie odpowiedziałeś zresztą dlaczego jest takie założenie.
Przy drugim pytaniu jest ten sam problem. Przy takim założeniu funkcjonowania quizu nie warto zadawać więcej niż jedno pytanie.

Gdybyś zmienił założenie, to powinieneś mieć przygotowanych dziewięć podstron (111.html, 112.html, ....... 333.html).

[-czarekwenta-]

Założenie takie jest dlatego, że ma to być quiz który zada pytania określające kierunek studiów jaki powinno się wybrać i oceniając których odpowiedzi jest więcej (związanych z którym kierunkiem) wybiera go, następnie przekierowuje do podstrony z informacjami o danym kierunku.

NP: Jeżeli zaznaczyłeś 2 lub 3 odpowiedzi przypisane do kierunku informatyk - przekierowuje do 1.html
NP: Jeżeli zaznaczyłeś 2 lub 3 odpowiedzi przypisane do kierunku robotyk - przekierowuje do 2.html

NP: Jeżeli zaznaczyłeś 2 lub 3 odpowiedzi przypisane do kierunku biomedyk - przekierowuje do 3.html

W przypadku gdy we wszystkich 3 pytaniach są wybrane 3 odpowiedzi przypisane do różnych kierunków powstaje błąd logiczny który nie pozwala wybrać kierunku właściwego dlatego by to wykluczyć po wybraniu w 2 pierwszych pytaniach różnych odpowiedzi (dot. różnych kierunków) w 3 pytaniu chce wyłączyć(disable=disable) odpowiedź przypisaną do tego 3 różnego kierunku.


I najlepiej by było gdyby te pytania pojawiały się po sobie dopiero po odpowiedzeniu na 1 pojawia się drugie pytanie. A po odpowiedzeniu na 2 pojawia się 3 które w przypadku dwóch różnych wybranych odpowiedzi w 2 pierwszych pytaniach nadaje trzeciej różnej odpowiedzi w inpucie (disabled="disabled").

Ten post edytował czarekwenta 7.01.2015, 20:24:45

[trueblue]

Kod

var cone=document.getElementsByName('one');
var ctwo=document.getElementsByName('two');
var cthree=document.getElementsByName('three');

for(var i=0;i<cone.length;i++){
cone[i].addEventListener('click',function(){
  for(var j=0;j<cthree.length;j++){
   cthree[j].disabled=true;
   if(this.value==cthree[j].value) // ten warunek jest niepoprawny, ponieważ opiera się na założeniu, że wybrana odpowiedź w pierwszym pytaniu ma taką samą wartość jak odpowiedź w trzecim pytaniu, tu musisz pokombinować
     cthree[j].disabled=false;
  }
});
}

//analogicznie dla ctwo

P.S. Na wstępie wszystkie radio w html, dotyczące trzeciego pytania mają mieć atrybut disabled.

[-czarekwenta-]

Nie wiem jak by to miało wyglądać żeby pytania wyświetlały się po sobie i troszkę jestem w kropce if(this.value==cthree[j].value) :/

Jesteś w stanie pomóc trochę bardziej? Przepraszam ale naprawdę ciężko mi to przychodzi, na moim poziomie wiedzy.

[com]

chcesz to zrobić tylko w samym javascript?

stwórz dla każdego z pytań oddzielny formularz, następnie dodaj mu id i wszystkie poza 1 ukryj, jeśli użytkownik odpowie i wyśle odpowiedzi to zapisz sobie je np w localstorage i wlacz 2 formularz a 1 ukryj itd

Ten post edytował com 8.01.2015, 00:45:34