Witam, mam problem. Muszę stworzyć quiz, lecz ma być na takiej zasadzie, aby pytania zawarte były w xml, a funkcje, js i reszta w html. Nie mam pojęcia w jaki sposób mam się odwoływać z pliku xml do html. Mam stworzoną strukturę, czyli załóżmy mam 3 pytania i przycisk, który je zmienia. Pierwszy problem jest z tym, że mam stworzone checkboxy i nie mam pomysłu, aby każde pytanie przy odpowiedziach miało swoje prywatne checkboxy, ponieważ teraz gdy zaznaczę w pytaniu 1 odpowiedź A, to po zmianie pytania przyciskiem, checkbox zostaje. Kolejny problem to sposób aby quiz zliczał punktu. Nie mogę wymysleć sposobu, aby aplikacja rozumiała poprzez xml, która odpowiedź jest prawdziwa oraz nie wiem jak zapisać to w taki sposób w funkcji. Przyznaje się, że jestem kompletnym lajkiem w js, więc proszę o wyrozumiałość i z góry dziękuje za pomoc!

Kod xml:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cd3.xsl"?>
<zestaw >
 <cd>
    <pytanie>Pytanie 1 </pytanie>
    <odpowiedz okey="tak" >odp.a </odpowiedz>
    <odpowiedzz okey="nie">odp.b</odpowiedzz>
    <odpowiedzzz okey="nie">odp.c</odpowiedzzz>
  </cd>

  <cd>
    <pytanie>Pytanie 2 </pytanie>
    <odpowiedz okey="tak" >odp.a </odpowiedz>
    <odpowiedzz okey="nie">odp.b</odpowiedzz>
    <odpowiedzzz okey="nie">odp.c</odpowiedzzz>
  </cd>

  <cd>
    <pytanie>Pytanie 3: </pytanie>
    <odpowiedz okey="tak" >odp.a </odpowiedz>
    <odpowiedzz okey="nie">odp.b</odpowiedzz>
    <odpowiedzzz okey="nie">odp.c</odpowiedzzz>
  </cd> 
</zestaw> 

////////////////////////////////

HTML:

<html>
<head>

<style>
p {font-size:30px;}
</style>

<script type="text/javascript">
var xmlDoc;
var pozycja=0;     

function loadXML()
{

  if (window.ActiveXObject)
  {
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async=false;
    xmlDoc.load("cd.xml"); 
    showXML();         
  }
  else if (document.implementation && document.implementation.createDocument)
  {
    xmlDoc=document.implementation.createDocument("","",null);
    xmlDoc.load("cd.xml");
    xmlDoc.onload=showXML;
  }
  else
  {
    alert('Your browser cannot handle this script');
  }
}

function showXML() 
{

  document.getElementById("intro").innerHTML="Moj quiz  " + xmlDoc.getElementsByTagName("zestaw")[0].attributes[0].value;
  document.getElementById("pytanie").innerHTML=xmlDoc.getElementsByTagName("pytanie")[pozycja].childNodes[0].nodeValue;
  document.getElementById("odpowiedz").innerHTML=xmlDoc.getElementsByTagName("odpowiedz")[pozycja].childNodes[0].nodeValue;
  document.getElementById("odpowiedzz").innerHTML=xmlDoc.getElementsByTagName("odpowiedzz")[pozycja].childNodes[0].nodeValue;
  document.getElementById("odpowiedzzz").innerHTML=xmlDoc.getElementsByTagName("odpowiedzzz")[pozycja].childNodes[0].nodeValue;

  //xmlDoc.getElementsByTagName("cd")[pozycja].attributes zwraca kolekcję atrybutów elementu "cd" o numerze kolejnym pozycja
  if (xmlDoc.getElementsByTagName("cd")[pozycja].attributes.length>0)
  {
    if (xmlDoc.getElementsByTagName("cd")[pozycja].attributes.getNamedItem("cool").value=="cool")
    {
      document.getElementById("comm").innerHTML=""
    }
  }
  else
  {
    document.getElementById("comm").innerHTML=" ";
  }
}

function nextXML()
{
  pozycja++;
  if (pozycja>=xmlDoc.getElementsByTagName("cd").length) pozycja=0;
  showXML();

}

function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("text");
    if (checkBox.checked == true){
        text.style.display = "block";
    } else {
       text.style.display = "none";
    }
}

</script>
</head>

<body onload="loadXML()">

  <h1 id="intro"></h1>
  <br/>
  <br/>

  <p><b>Pytanie:</b> <span id="pytanie"></span></p>
  <p><b>Odpowiedz:</b> <span id="odpowiedz"></span><input type="checkbox" id="myCheck"  onclick="myFunction()"></p>  
  <p><b>Odpowiedz:</b> <span id="odpowiedzz"></span><input type="checkbox" id="myCheck"  onclick="myFunction()"></p>
  <p><b>Odpowiedz:</b> <span id="odpowiedzzz"></span><input type="checkbox" id="myCheck"  onclick="myFunction()"></p> 
  <p><span id="comm"></span></p>

  <p id="demo"></p>

  <p id="text" style="display:none">Prawidlowa odpowiedz!</p>

  <button name="Next" onclick="nextXML()">Nastepne pytanie</button>

</body>
</html>