<!DOCTYPE html>
<head>
<title>kviz-ponavljanje82</title>
<style>
.odgovor {
  border-radius: 10px;
  background-color: #aa7733; 
  border: 2px solid white;
  box-shadow: 10px 10px #003366;
  color: white;
  width: 300px;
  padding: 15px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.botun {
  border-radius: 60px;
  background-color: #116622; 
  border: double;
  color: white;
  width: 160px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: 10px 10px #003366;
  font-size: 16px;
}
.botunRazno {
  border-radius: 10px;
  background-color: #bb6655; 
  border: double;
  color: white;
  width: 100px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight:bold;
}
input:hover
{
color: yellow;
}

table
{
font-family: Arial;
border-spacing: 2px;
width: 90%;
}
td:first-child
{
width: 70%;
background-color: #effacc;
color:black;
font-size:15px;
padding:2%;
}
td:nth-child(2)
{
width: 30%;
background-color: #effacc;
color:black;
font-size:12px;
}

/* Modalni okvir (pozadina) */
.modal {
    display: none; /* Skriveno by default */
    position: fixed; /* Ostaje na mjestu */
    z-index: 1; /* Iznad pozadine */
    left: 0;
    top: 0;
    width: 60%; /* 100% je puna širina */
    height: 60%; /* 100% je puna visina  */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #99ddff; /* boja pozadine na kojoj je tekst */
    margin: 15% auto; /* 15% od vrha i centrirano */
    padding: 20px;
    border: 1px solid #888;
    width: 60%; /* Vrijednost širine ovisi o promjeru ekrana */
    font-size:14px;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
}
.obavijest{
  background-color: #99ddff; /* boja pozadine na kojoj je tekst */
}

/* Botun zatvori */
.zatvori {
    color: white;
    background-color: darkgreen;
    border: 1px solid yellow;
    padding: 5px;
    //float: right;
    margin: 5%;
    font-size: 18px;
    font-weight: bold;
}
.zatvori:hover,
.zatvori:focus {
    color: yellow;
    text-decoration: none;
    cursor: pointer;
}

/* Botun izborDA-NE */
.dane {
    color: #66aadd;
    background-color:darkgreen;
    border: 1px solid #5588ee;
    padding: 5px;
    //float: right;
    margin: 5%;
    font-size: 15px;
    font-weight: bold;
}
.dane:hover,
.dane:focus {
    color: yellow;
    text-decoration: none;
    cursor: pointer;
}

/* Botun obavijest o kraju */
.obavijestkraj {
    color: #cc5522;
    background-color:darkblue;
    border: 1px solid #5588ee;
    padding: 5px;
    box-shadow: 10px 10px 5px grey;
    float: center;
    margin: 5%;
    font-size: 18px;
    font-weight: bold;
}
.obavijestkraj:hover,
.obavijestkraj:focus {
    color: yellow;
    text-decoration: none;
    cursor: pointer;
}

.botunurica {
  background-color: green; 
  border: double;
  border-radius: 10px;
  color: white;
  width: 100px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}
.botunprovjeri {
  background-color: darkgreen; 
  border: 2px solid;
  border-radius: 10px;
  color: white;
  width: 100px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight:bold;
}
input:hover
{
color: yellow;
}

.oznaka_razina
{
border-color:none;
padding:2px;
color:blue;
font-size: 15px;
text-align: center;
font-weight: bold;
}
.oznaka_bodovi
{
color: darkblue;
font-size:15px;
text-align: center;
}
</style>
</head>

<body bgcolor="#888" onload=uvod()>

<!-- Modalni okvir za početak igre -->
<div id="myModal" class="modal">
  <!-- Modal sadržaj-->
  <div class="modal-content">
    <p>Želite li novu provjeru znanja?</p>
    <span class="zatvori">DA</span>
    <span class="zatvori">NE</span>
  </div>
</div>

<!-- Modalni okvir za pitanje -->
<div id="Modal1" class="modal">
  <!-- Modalni sadržaj-->
  <div class="modal-content">
    <p>Jeste li sigurni?</p>
    <span class="dane">DA</span>
    <span class="dane">NE</span>
  </div>
</div>

<!-- Modalni okvir za obavijest o neuspjehu -->
<div id="Modal2" class="modal">
  <!-- Modalni sadržaj-->
  <div class="modal-content">
    <p><span class="obavijest">Pogrešno!</span>
    <span class="obavijestkraj">Nastavi</span>
  </div>
</div>

<!-- Modalni okvir za pomoc -->
<div id="Modal3" class="modal">
  <!-- Modalni sadržaj-->
  <div class="modal-content">
    <p>Želite li pomoć?</p>
    <span class="dane">Izbaci uljeza</span>
    <span class="dane">Prepolovi</span><p>
    <span class="dane">Odustani</span>
  </div>
</div>

<center>
<table><tr><td><center><h1>FIZIKA 8. razred</h1>
2. GIBANJE I SILA - vježba
</center></td>
<td><center><INPUT TYPE='button' id='urica' name='urica' value='00:00:00' class='botunurica'>
<p><INPUT TYPE='button' name='pomoc' onclick='pomoc()' value='POMOĆ' class='botunRazno'>
</center></td>
</table>

<table id="tbl"><tr><td> 
<center>Pitanja iz 2. polugodišta 8. razreda</center>
</td>
<td valign='center'><center>
<p class="oznaka_razina" id="p1">Pitanja i definicije</p>
<p class="oznaka_bodovi" id="p2">Broj bodova=0</p>
<INPUT TYPE='button' id='dalje' name='dalje' onclick='ididalje()' value='DALJE >>' class='botunprovjeri'>
</center>
</td>
<tr></table>
<form name="forma">
<INPUT TYPE='button' name='botun1' id='bot1' onclick='provjeri(this.id)' value='&#9830; A. ' class='odgovor'>
<INPUT TYPE='button' name='botun2' id='bot2' onclick='provjeri(this.id)' value='&#9830; B. ' class='odgovor'>
<br>
<INPUT TYPE='button' name='botun3' id='bot3' onclick='provjeri(this.id)' value='&#9830; C. ' class='odgovor'>
<INPUT TYPE='button' name='botun4' id='bot4' onclick='provjeri(this.id)' value='&#9830; D. ' class='odgovor'>
<p>
<INPUT TYPE='button' name='botun5' id='bot5' onclick='location.reload()' value='Nova provjera' class='botun'>
</form>
</center>

<script>
//baza pitanja i odgovora
var pitanje1=[]; //popis pitanja prve razine
var pitanje2=[]; //popis pitanja druge razine
var pitanje=[]; //izabrana pitanja, po 5 iz prve i 5 iz druge razine
var odgovor1=[]; //popis odgovora na pitanja prve razine
var odgovor2=[]; //popis odgovora na pitanja druge razine
var odgovor=[]; //izabrani odgovori, 5*4 iz prve i 5*4 iz druge razine
var n=0; //redni broj pitanja

//Pitanja - osnovne definicije
pitanje1[0]="Gurnete knjigu po stolu. Što zaustavlja tu knjigu?";
pitanje1[1]="Što pokreće klizača koji juri po ledu?";
pitanje1[2]="Kada bi površine snježne podloge i saonica bile takve da nema trenja između njih, kako bi se gibale saonice kada ih pokrenemo?";
pitanje1[3]="Koja je osnovna jedinica za masu tijela?";
pitanje1[4]="Tromost (inercija) je svojstvo tijela kojim se ono opire...";
pitanje1[5]="Učinak koji daje sila na tijelo mjerimo veličinom koja mjeri promjenu brzine tijela, a zove se..."; 
pitanje1[6]="Akceleracija koju sila daje tijelu proporcionalna je sili, a obrnuto proporcionalna..."; 
pitanje1[7]="Temeljni zakon gibanja govori o odnosu osnovnih veličina gibanja, a to su..."; 
pitanje1[8]="Odnos sile, mase i akceleracije možemo pisati pomoću formule..."; 
pitanje1[9]="Iz temeljnog zakona gibanja dobijemo definiciju za silu od 1 njutn: Sila od 1 N tijelu mase 1 kg daje..."; 
pitanje1[10]="Kada na tijelo ne bi djelovala sila, ono bi tada mirovalo ili ...";

var a0=6+Math.round(5*Math.random()); //sila
var a1a=400+10*Math.round(30*Math.random()); //masa motocikla
var a1b=Math.round(0.5*10+10*0.5*Math.random())/10; //akc. motocikla
var a2a=1500+100*Math.round(10*Math.random()); //masa automobila
var a2b=Math.round(0.5*10+10*0.8*Math.random())/10; //akc. automobila
var a3a=10+Math.round(20*Math.random()); //masa tijela
var a3b=1+Math.round(5*Math.random()); //akceleracija tijela
var a4a=3+Math.round(10*Math.random()); //masa tijela
var a4b=1+Math.round(8*Math.random()); //akceleracija tijela
var a5a=3+Math.round(5*Math.random()); //masa vozila
var a5b=5+Math.round(5*Math.random()); //vrem.interval
var a5c=1+Math.round(6*Math.random()); //akceleracija
var a6a=Math.round(10*0.2+10*Math.random())/10; //masa tijela
var a6b=Math.round(10*0.2+10*0.8*Math.random())/10; //akceleracija tijela
var a6c=2+Math.round(8*Math.random()); //vrem.interval
var a7a=10+Math.round(10*Math.random()); //sila na tijelo
var a7b=Math.round(10*0.2+10*Math.round(0.8*Math.random()))/10; //akceleracija tijela
var a7k=2+Math.round(5*Math.random()); //koeficijent prop.
var a8a=1400+100*Math.round(10*Math.random()); //masa automobila
var a8b=Math.round(10*0.8+10*1.5*Math.random())/10; //akceleracija automobila
var a8c=2+Math.round(8*Math.random()); //vrem.interval
var a9a=Math.round(10*0.8+10*0.8*Math.random())/10; //akceleracija vlaka
var a9b=5+Math.round(15*Math.random()); //broj vagona

//Brojčani zadaci - jednostavniji
pitanje2[0]="Koliku akceleraciju daje lopti mase 500 grama udarac nogometaša silom od "+a0+" N?";
pitanje2[1]="Kolika je masa motocikla kojemu sila od "+Math.round(10*a1a*a1b)/10+" N daje akceleraciju od "+a1b+" m/s"+String.fromCharCode(178)+"?";
pitanje2[2]="Koliku silu razvija motor automobila mase "+a2a+" kg ako se automobil ubrzava akceleracijom od "+a2b+" m/s"+String.fromCharCode(178)+"?";
pitanje2[3]="Kolika sila mora djelovati na tijelo mase "+a3a+" kg da bi se ono gibalo s ubrzanjem "+a3b+" m/s"+String.fromCharCode(178)+"?";
pitanje2[4]="Na tijelo mase "+a4a+" kg djeluje sila "+a4a*a4b+" N. Koliko ubrzanje ta sila daje tijelu?";
pitanje2[5]="Kolika je sila motora kojom vozilo mase "+a5a+" tone za "+a5b+" sekundi ubrzavanja postigne brzinu od "+Math.round(a5b*a5c*3.6*10)/10+" km/h?"; 
pitanje2[6]="Na mirno tijelo mase "+a6a+" kg djeluje u vremenu "+a6c+" sekunda sila od "+Math.round(100*a6a*a6b)/100+" N. Koliku brzinu tijelo razvije za to vrijeme?"; 
pitanje2[7]="Pod djelovanjem sile od "+a7a+" N tijelo se giba s ubrzanjem od "+a7b+" m/s"+String.fromCharCode(178)+". S kolikim će se ubrzanjem gibati to tijelo ako na njega djeluje sila od "+a7a*a7k+" N?"; 
pitanje2[8]="Automobil mase "+a8a+" kg krenuo je iz stanja mirovanja po horizontalnom putu i "+a8c+" sekunda nakon početka gibanja postigao brzinu od "+Math.round(100*a8b*a8c)/100+" m/s. Odredite vučnu silu motora automobila ako se pri polasku gibao jednoliko ubrzano?"; 
pitanje2[9]="Lokomotiva vuče "+a9b+" vagona, svaki mase 10 tona, po vodoravnom dijelu pruge. Kolika je potrebna vučna sila za jednoliko ubrzanje od "+a9a+" m/s"+String.fromCharCode(178)+" ako zanemarimo trenje između kotača i tračnica?"; 
pitanje2[10]="Teretno vozilo mase 4 t počinje se gibati s ubrzanjem od 0,3 m/s2. Koliku masu ima prikolica koju priključimo uz to vozilo ako, uz istu vučnu silu, vozilo s prikolicom postiže ubrzanje 0,2 m/s"+String.fromCharCode(178)+"?";

//Odgovori na pitanja 1. razine - osnovni pojmovi
odgovor1[0]="sila trenja"; //1. odgovor
odgovor1[1]="tromost tijela";
odgovor1[2]="inercija";
odgovor1[3]="masa tijela";

odgovor1[4]="tromost"; //2. odg
odgovor1[5]="sila trenja";
odgovor1[6]="gravitacijska sila";
odgovor1[7]="potisna sila";

odgovor1[8]="jednoliko pravocrtno"; //3.odg
odgovor1[9]="jednoliko ubrzano";
odgovor1[10]="nejednoliko ubrzano";
odgovor1[11]="jednoliko usporeno";

odgovor1[12]="kilogram (kg)"; //4.odg
odgovor1[13]="tona (t)";
odgovor1[14]="gram (g)";
odgovor1[15]="dekagram (dag)";

odgovor1[16]="promjeni brzine"; //5.odg
odgovor1[17]="gibanju tijela";
odgovor1[18]="sili trenja";
odgovor1[19]="mirovanju";

odgovor1[20]="akceleracija"; //6.odg
odgovor1[21]="brzina";
odgovor1[22]="tromost";
odgovor1[23]="inercija";

odgovor1[24]="masi tijela"; //7.odg
odgovor1[25]="težini tijela";
odgovor1[26]="gravitacijskoj sili";
odgovor1[27]="brzini tijela";

odgovor1[28]="sila, masa i akceleracija"; //8.odg
odgovor1[29]="akceleracija, brzina i put";
odgovor1[30]="vrijeme, put i brzina";
odgovor1[31]="sila, masa i brzina";

odgovor1[32]="F = m × a"; //9.odg
odgovor1[33]="F = m +a";
odgovor1[34]="F = m - a";
odgovor1[35]="F = m / a";

odgovor1[36]="ubrzanje od 1 m/s"+String.fromCharCode(178); //10.odg
odgovor1[37]="brzinu od 1 m/s";
odgovor1[38]="ubrzanje od 1 cm/s"+String.fromCharCode(178);
odgovor1[39]="brzinu od 1 km/h";

//Odgovori na pitanja 2. razine - zadaci s računanjem
//općenito: za n-to pitanje (n=0 do 4) odgovori su od 4*n do 4*n+i
odgovor2[0]=2*a0+" m/s"+String.fromCharCode(178); //1. odgovor 	
odgovor2[1]=a0+" m/s"+String.fromCharCode(178);
odgovor2[2]=3*a0+" m/s"+String.fromCharCode(178);
odgovor2[3]=4*a0+" m/s"+String.fromCharCode(178);

odgovor2[4]=a1a+" kg"; //2. odg		
odgovor2[5]=a1a+20+" kg";
odgovor2[6]=a1a+40+" kg";
odgovor2[7]=a1a+60+" kg";

odgovor2[8]=Math.round(10*a2a*a2b)/10+" N"; //3.odg		
odgovor2[9]=10+Math.round(10*a2a*a2b)/10+" N";
odgovor2[10]=20+Math.round(10*a2a*a2b)/10+" N";
odgovor2[11]=30+Math.round(10*a2a*a2b)/10+" N";

odgovor2[12]=a3a*a3b+" N"; //4.odg		
odgovor2[13]=4+a3a*a3b+" N";			
odgovor2[14]=8+a3a*a3b+" N";
odgovor2[15]=12+a3a*a3b+" N";		

odgovor2[16]=a4b+" m/s"+String.fromCharCode(178); //5.odg
odgovor2[17]=1+a4b+" m/s"+String.fromCharCode(178);
odgovor2[18]=2+a4b+" m/s"+String.fromCharCode(178);
odgovor2[19]=3+a4b+" m/s"+String.fromCharCode(178);

odgovor2[20]=a5a*a5c*1000+" N"; //6.odg
odgovor2[21]=a5a*a5c*100+" N";
odgovor2[22]=a5a*a5c*10000+" N";
odgovor2[23]=a5a*a5c*2000+" N";

odgovor2[24]=Math.round(100*a6b*a6c)/100+" m/s"; //7.odg
odgovor2[25]=1+Math.round(100*a6b*a6c)/100+" m/s";
odgovor2[26]=2+Math.round(100*a6b*a6c)/100+" m/s";
odgovor2[27]=3+Math.round(100*a6b*a6c)/100+" m/s";

odgovor2[28]=Math.round(100*a7b*a7k)/100+" m/s"+String.fromCharCode(178); //8.odg
odgovor2[29]=Math.round(100*a7b*a7k*2)/100+" m/s"+String.fromCharCode(178);
odgovor2[30]=Math.round(100*a7b*a7k*4)/100+" m/s"+String.fromCharCode(178);
odgovor2[31]=Math.round(1000*a7b*a7k)/100+" m/s"+String.fromCharCode(178);

odgovor2[32]=Math.round(100*a8a*a8b)/10+" N"; //9.odg
odgovor2[33]=10+Math.round(100*a8a*a8b)/10+" N";
odgovor2[34]=20+Math.round(100*a8a*a8b)/10+" N";
odgovor2[35]=40+Math.round(100*a8a*a8b)/10+" N";

odgovor2[36]=Math.round(100*a9a*a9b)/10+" kN"; //10.odg
odgovor2[37]=Math.round(10*a9a*a9b)/10+" kN";
odgovor2[38]=Math.round(1000*a9a*a9b)/10+" kN";
odgovor2[39]=Math.round(10000*a9a*a9b)/10+" kN";

//miješanje rednih brojeva, u rasponu od a=0 do a=4
  var a=[];
  while(a.length<=4){
    var r=Math.round(Math.random()*9);
    if(a.indexOf(r)===-1) a.push(r);
    }
//popunjavanje pitanja 1.razine iz popisa po slučajnom uzorku
for(i=0;i<=4;i++){
  pitanje[i]=pitanje1[a[i]];
  odgovor[4*i]=odgovor1[4*a[i]];
  odgovor[4*i+1]=odgovor1[4*a[i]+1];
  odgovor[4*i+2]=odgovor1[4*a[i]+2];
  odgovor[4*i+3]=odgovor1[4*a[i]+3];
}
//popunjavanje pitanja 2.razine iz popisa po slučajnom uzorku
for(i=0;i<=4;i++){
  pitanje[i+5]=pitanje2[a[i]];
  odgovor[4*(i+5)]=odgovor2[4*a[i]];
  odgovor[4*(i+5)+1]=odgovor2[4*a[i]+1];
  odgovor[4*(i+5)+2]=odgovor2[4*a[i]+2];
  odgovor[4*(i+5)+3]=odgovor2[4*a[i]+3];
}

var izbor_odgovor=[];
botuni=new Array(forma.botun1,forma.botun2,forma.botun3,forma.botun4);
bot=new Array("bot1","bot2","bot3","bot4");
slova=new Array("A. ","B. ", "C. ", "D. ");
var tocan=0; //redni broj tocnog odgovora
var pocetak=0; //kontrolna varijabla o zapocetoj provjeri znanja
var tablica=document.getElementById("tbl");
var brojpomoci=0, bodovi=0;
var oznakarazina = document.getElementById("p1");
var oznakabodovi = document.getElementById("p2");
var kliknuto=0; //korisnik je već kliknuo na neki odgovor

function uvod(){
  pocetak=0;
  stoperica();

  tablica.rows[0].cells[0].innerText="";
  tablica.rows[0].cells[0].style.textAlign="left";
  tablica.rows[0].cells[0].style.fontSize="16px";
  tablica.rows[0].cells[0].innerText="TEMELJNI ZAKON GIBANJA\nOva kratka provjera znanja sadrži 10 pitanja iz fizike 8.  razreda iz 2. cjeline, podijeljenih u 2 dijela: osnovne definicije i pitanja s malo razmišljanja.\nZa nastavak pritisni tipku DALJE>>";
}
    
function popuni1(){  //prvo pitanje
  tablica.rows[0].cells[0].innerText="";
  tablica.rows[0].cells[0].style.fontWeight="normal";
  tablica.rows[0].cells[0].style.textAlign="left";
  tablica.rows[0].cells[0].style.fontSize="20px";
  tablica.rows[0].cells[0].style.color="black";
  //tablica.rows[0].cells[1].style.textAlign="center";

  //miješanje rednih brojeva, u rasponu od s=0 do s=3
  var s=[];
  while(s.length<=3){
    var r=Math.floor(Math.random()*4);
    if(s.indexOf(r)===-1) s.push(r);
    }
  for(i=0;i<=3;i++){
    izbor_odgovor[i]=odgovor[s[i]];
    if(s[i]==0) tocan=i; //tocan je redni broj tocnog odgovora
    }
  tablica.rows[0].cells[0].innerText="1. "+pitanje[0];
  for(i=0;i<=3;i++){
    botuni[i].value=slova[i]+izbor_odgovor[i];
  }
}

function provjeri(obj){
  var id=obj;
  var modal_provjeri1 = document.getElementById('Modal1');
  if(pocetak==0) {tablica.rows[0].cells[0].innerText="Za početak pritisni tipku DALJE!";return;}
  // Prijavi  <span> element koji zatvara modalni okvir
  var span1 = document.getElementsByClassName('dane')[0];
  var span2 = document.getElementsByClassName('dane')[1];
  modal_provjeri1.style.display = "block";
  // Kada korisnik klikne na <span>(DA), zatvara se modalni okvir
  span1.onclick = function() {
    modal_provjeri1.style.display = "none";
    
    if(id==bot[tocan]){
      bodovi++;
      oznakabodovi.innerText="Broj bodova: "+bodovi
      document.getElementById(id).style.backgroundColor = 'green';
      
      tablica.rows[0].cells[0].style.fontWeight="bold";
      tablica.rows[0].cells[0].style.textAlign="center";
      tablica.rows[0].cells[0].style.color="green";
      tablica.rows[0].cells[0].style.fontSize="20px";
      tablica.rows[0].cells[0].innerText="TOČNO!";
      if(n==10) {
        tablica.rows[0].cells[0].style.color="black";
        tablica.rows[0].cells[0].innerText="TOČNO \nUkupno ste riješili "+bodovi+" pitanja.\nPotrošeno vrijeme: "+intm+" minuta i "+ints+" sekunda.";pocetak=0;}
      }
    else {
      document.getElementById(id).style.backgroundColor = 'red';
      document.getElementById(bot[tocan]).style.backgroundColor = 'green';
      tablica.rows[0].cells[0].style.fontWeight="bold";
      tablica.rows[0].cells[0].style.textAlign="center";
      tablica.rows[0].cells[0].style.color="red";
      tablica.rows[0].cells[0].style.fontSize="20px";
      tablica.rows[0].cells[0].innerText="POGREŠNO!";
      if(n==10) {
        tablica.rows[0].cells[0].style.color="black";
        tablica.rows[0].cells[0].innerText="POGREŠNO \nUkupno ste riješili "+bodovi+" pitanja.\nPotrošeno vrijeme: "+intm+" minuta i "+ints+" sekunda.";pocetak=0;}
     }

    }   
    span2.onclick = function() {
      modal_provjeri1.style.display = "none";
      kliknuto=0;
      return;}
    
    if(kliknuto==1) {tablica.rows[0].cells[0].innerText="Već ste odgovarali na to pitanje!";
      modal_provjeri1.style.display="none";return;}
    kliknuto=1;
}

function novopitanje(n){
  kliknuto=0;
  for(i=0;i<4;i++){
    document.getElementById(bot[i]).style.backgroundColor = '#aa7733'; 
    document.getElementById(bot[i]).value = '';} //obriši botune

  var nodg=[]; // redni brojevi za sva četiri odgovora za pripadajuće pitanje
  var nodg1=[]; //pomiješani redni brojevi odgovora nodg
  switch(n){
    case 1: nodg=[4,5,6,7];
    break; // 2.pitanje 4-7
    case 2: nodg=[8,9,10,11];
    break; // 3.pitanje 8-11
    case 3: nodg=[12,13,14,15]; 
    break; // 4. pitanje 12-15
    case 4: nodg=[16,17,18,19];
    break; // 5. pitanje 16-19
    case 5: nodg=[20,21,22,23];
    break; // 6. pitanje 20-23
    case 6: nodg=[24,25,26,27];
    break; // 7. pitanje 24-27
    case 7: nodg=[28,29,30,31];
    break; // 8. pitanje 28-31
    case 8: nodg=[32,33,34,35];
    break; // 9. pitanje 32-35
    case 9: nodg=[36,37,38,39];
    break; // 10. pitanje 36-39
  }
  //popunjavanje odgovora
  //miješanje rednih brojeva, u rasponu od s=0 do s=3
  var s=[];
  while(s.length<=3){
    var r=Math.floor(Math.random()*4);
    if(s.indexOf(r)===-1) s.push(r);
    }
  tablica.rows[0].cells[0].style.fontWeight="normal";
  tablica.rows[0].cells[0].style.textAlign="left";
  tablica.rows[0].cells[0].style.fontSize="20px";
  tablica.rows[0].cells[0].style.color="black";
  for(i=0;i<=3;i++){
    nodg1[i]=nodg[s[i]];
    if(s[i]==0) tocan=i; // 'tocan' je redni broj tocnog odgovora
    izbor_odgovor[i]=odgovor[nodg1[i]];
    } 
  
    tablica.rows[0].cells[0].innerText="";
    tablica.rows[0].cells[0].innerText=n+1+". "+pitanje[n];
    for(i=0;i<=3;i++)
      botuni[i].value=slova[i]+izbor_odgovor[i];    
}

var modal_pomoc = document.getElementById('Modal3');
  // Prijavi  <span> element koji zatvara modalni okvir
  var span4 = document.getElementsByClassName('dane')[2];
  var span5 = document.getElementsByClassName('dane')[3];
  var span6 = document.getElementsByClassName('dane')[4];

function pomoc(){
  if(pocetak==0) {tablica.rows[0].cells[0].innerText="Za početak pritisni tipku DALJE!";return;}
  if(kliknuto==1) {tablica.rows[0].cells[0].innerText="Već ste odgovarali na to pitanje!";return;}
  //miješanje rednih brojeva botuna, uz uvjet da odgovor nije tocan
  var t=[];
  var x=0,y=0,z=0;
  for(var i=0;i<4;i++){
    if(i!==tocan) t.push(i);
    }
  x=t[0];
  y=t[1];
  z=t[2];
  
  if (brojpomoci==2) tablica.rows[0].cells[0].innerText="Nažalost, potrošili ste svu pomoć!\nDalje morate sami!";
  else{
    modal_pomoc.style.display = "block";
  
    // Kada korisnik klikne na <span>(Izbaci uljeza), zatvara se modalni okvir
    span4.onclick = function() {
      brojpomoci++;
      span4.style.display="none";
      modal_pomoc.style.display = "none";
      document.getElementById(bot[x]).value = "";
      document.getElementById(bot[x]).style.backgroundColor = "grey";
      }

    // Kada korisnik klikne na <span>(Prepolovi), zatvara se modalni okvir
    span5.onclick = function() {
      brojpomoci++;
      span5.style.display="none";
      modal_pomoc.style.display = "none";
      document.getElementById(bot[y]).value = "";
      document.getElementById(bot[y]).style.backgroundColor = "grey";
      document.getElementById(bot[z]).value = "";
      document.getElementById(bot[z]).style.backgroundColor = "grey";
      }
    // Kada korisnik klikne na <span>(Odustani), zatvara se modalni okvir
    span6.onclick = function() {
      modal_pomoc.style.display = "none"; 
      return
      }
    }
}

var d=new Date();
var vrh,vrm,vrs;
var vrh1,vrm1,vrs1;
var vrh2,vrm2,vrs2;
var inth,intm,ints;
vrh=d.getHours(); //početni trenutak
vrm=d.getMinutes();
vrs=d.getSeconds();
var urica=document.getElementById("urica");

function stoperica(){
  var d2=new Date();
  vrh2=d2.getHours(); 
  vrm2=d2.getMinutes(); 
  vrs2=d2.getSeconds();
  inth=vrh2-vrh;
  if(vrm2<vrm) {intm=60+vrm2-vrm} else {intm=vrm2-vrm};
  if(vrs2<vrs) {ints=60+vrs2-vrs} else {ints=vrs2-vrs};
  if(inth<10) inth="0"+inth;
  if(intm<10) intm="0"+intm;
  if(ints<10) ints="0"+ints;
  var odbrojavanje=inth+":"+intm+":"+ints;
  
  self.status = odbrojavanje;
  setTimeout('stoperica()', 1000);
  urica.value=odbrojavanje;
}

function ididalje(){
  pocetak=1;
  if (pocetak==0)tablica.rows[0].cells[0].innerText="Za početak pritisni tipku Nova provjera";
  if(n>9) {return;}
  if(n<5) oznakarazina.innerText="Pitanja i definicije";
  if(n>4) oznakarazina.innerText="Zadaci s računanjem";
  
  if(n==0) popuni1();
  else novopitanje(n);
  n++;
  kliknuto=0;
}

</script>
</body>
</html>