<!DOCTYPE html>
<head>
<title>Fizika 7 - energija</title>
<style>
.odgovor {
  border-radius: 10px;
  background-color: blue; 
  border: 2px solid white;
  box-shadow: 10px 10px #003366;
  color: white;
  width: 250px;
  padding: 15px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.botun {
  border-radius: 30px;
  background-color: #1122bb; 
  border: double;
  color: white;
  width: 150px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.botunRazno {
  border-radius: 10px;
  background-color: #5566bb; 
  border: double;
  color: white;
  width: 100px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}
input:hover
{
color: yellow;
}

table
{
font-family: Arial;
border-spacing: 2px;
width: 90%;
}
td:first-child
{
width: 70%;
background-color: darkblue;
color:white;
font-size:15px;
padding:2%;
}
td:nth-child(2)
{
width: 30%;
background-color: darkblue;
color:white;
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: #66aadd;
    background-color:darkblue;
    border: 1px solid #5588ee;
    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:darkblue;
    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;
    //float: right;
    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: #cc4422; 
  border: solid;
  border-radius: 10px;
  color: white;
  width: 100px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
}
input:hover
{
color: yellow;
}

.oznaka_razina
{
padding:2px;
color:yellow;
font-size:15px;
text-align: center;
font-weight: bold;
}
.oznaka_bodovi
{
color:white;
font-size:15px;
text-align: center;
}
</style>
</head>

<body bgcolor="#4488ee" onload='uvod()'>

<!-- Modalni okvir za početak provjere -->
<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>
    <p>
    <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 7. razred</h1>
3. cjelina - provjera znanja
</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>Zadaci iz 2. polugodišta 8. razreda</center>
</td>
<td valign='center'><center>
<p class="oznaka_razina" id="p1">Osnovno o energiji</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 prve skupine zadataka
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

var ime=[]; var k;
ime=["Luka","Marko","Ivan","Darko","Damir","Petar"];
k=Math.round(5*Math.random());

var a00=Math.round(0.5*10+20*Math.random())/10; //pretvorba
var a10=100+100*Math.round(6*Math.random()); //pomak u cm
var a11=50+Math.round(50*Math.random()); //sila u N

var a20=Math.round(10*0.8+50*Math.random())/10; //put(m)
var a21=100+10*Math.round(40*Math.random()); //sila (N)

var a30=60+10*Math.round(10*Math.random()); //duljina stola(cm)
var a31=10+10*Math.round(6*Math.random()); //sila pomicanja
 
var a40=100+10*Math.round(8*Math.random()); //težina(N) W=Pt=Gh, W=(ab)(cd)=(ac)(bd) 
var a41=10+Math.round(10*Math.random()); // G=a40*a41, h=a42*a43
var a42= 10+10*Math.round(5*Math.random()); //P=a40*a42, t=a41*a43
var a43=10+Math.round(5*Math.random()); //

var a50=2+Math.round(4*Math.random()); //broj sati
var a51=2+Math.round(10*Math.random()); //broj dana
var a60=50+20*Math.round(20*Math.random()); //masa stijene
var a61=10+20*Math.round(20*Math.random()); //visina stijene
var a70=150+10*Math.round(5*Math.random()); //snaga
var a71=2+Math.round(20*Math.random()); //broj dana
var a80=42+6*Math.round(5*Math.random()); //masa, kg
var a81=3+3*Math.round(4*Math.random()); //vrijeme, s
var a90=10+Math.round(50*Math.random()); //težina, N
var a91=0.5+0.5*Math.round(10*Math.random()); //visina, m
var a100=Math.round(10*0.8+Math.random())/10; //vrijeme, s
var a102=Math.round(100*a100*(100+Math.round(50*Math.random())))/100; //masa tereta, kg
var a101=Math.round(10*1.8+10*0.5*Math.random())/10; //visina, m
var a110=20+Math.round(40*Math.random()); //masa
var a111=4+Math.round(10*Math.random()); //put
var a120=10+Math.round(50*Math.random()); //masa
var a121=3+Math.round(20*Math.random()); //put

//Zadaci prve razine - osnovno o energiji
pitanje1[0]="Koje je od ovih pretvaranja mjernih jedinica za rad točno? (Samo jedan odgovor je točan.)";
pitanje1[1]="Kolikom je silom "+ime[k]+" gurao ormar ako ga je pomaknuo za "+a10+" cm i pritom obavio rad od "+a10*a11/100+" J?";
pitanje1[2]=ime[k]+" vuče ormar duž puta od "+a20+" m silom od "+a21+" N djelujući protiv sile trenja. Koliki rad obavi "+ime[k]+" kada pomakne ormar?";
pitanje1[3]="Dopuni rečenicu: Povlačenjem kutije po vodoravnom stolu dugom "+a30+" cm silom od "+a31+" N, gravitacijska potencijalna energija kutije...";
pitanje1[4]="Dizalica podigne građevinski materijal težine "+a40*a41+" N na visinu od "+a42*a43+" metara za "+a41*a43+" sekunda. Kolika je njezina snaga?";
pitanje1[5]="Štednjak snage 2.5 kW radi dnevno "+a50+" sata. Koliki rad obavi za "+a51+" dana?"; 
pitanje1[6]="Kolika je potencijalna energija stijene mase "+a60+" kg koja se nalazi na rubu litice na visini od "+a61+" metara iznad podnožja litice (u odnosu na tlo)?"; 
pitanje1[7]="Motor hladnjaka ima snagu P = "+a70+" W. Koliki će rad obaviti hladnjak ako je uključen "+a71+" dana?"; 
pitanje1[8]=ime[k]+" ima masu "+a80+" kg i pri penjanju po užetu popne se 5 metara za "+a81+" sekunda. Kolika je njegova snaga pri tom penjanju?"; 
pitanje1[9]="Predmet težine G = "+a90+" N pada na tlo s visine h = "+a91+" m. Koliku kinetičku energiju ima predmet u trenutku udara o tlo?"; 
pitanje1[10]="Na sportskom natjecanju u podizanju utega natjecatelj podigne teret od "+a102+" kg na visinu od "+a101+" m za "+a100+" sekunde. Kolikom snagom je podizao teret?";
pitanje1[11]="Za koliko se promijeni potencijalna energija sanduka mase "+a110+" kg kojeg guramo po vodoravnom podu "+a111+" metara?";
pitanje1[12]="Guramo teret mase "+a120+" kg po vodoravnom putu dugom "+a121+" metara jednoliko pravocrtno. Koliki rad pritom izvršimo, ako zanemarimo trenje?";

var b01=10+10*Math.round(5*Math.random()); //masa kamena
var b02=500+10*Math.round(30*Math.random()); //početna visina
var b03=200+10*Math.round(20*Math.random()); //konačna visina

var b10=4+Math.round(5*Math.random()); // W=Pt=Gh, W=(b10b11)(b12b13)=(b10b12)(b11b13)
var b11=4+Math.round(4*Math.random()); //
var b12=2+Math.round(5*Math.random()); // P=b10b11*100, t=b12b13*100, G=b10b12*10000, h=b11b13
var b13=4+Math.round(4*Math.random()); //

var b20=70+Math.round(10*Math.random()); //masa skakača
var b21=Math.round(0.5*10+10*0.4*Math.random())/10; //vrijeme

var b30=40+Math.round(10*Math.random()); //masa
var b31=20+Math.round(50*Math.random()); //broj stepenica

var b40=200+100*Math.round(4*Math.random()); //visina visoravni
var b41=1+Math.round(10*8*Math.random())/100; //visina planine
var b42=70+Math.round(15*Math.random()); //masa planinara

var b50=20+10*Math.round(5*Math.random()); //masa sanduka
var b51=5+Math.round(10*Math.random()); //duljina puta
var b52=Math.round(10*0.2+10*0.5*Math.random())/10; //faktor trenja

var b60=60+4*Math.round(5*Math.random()); //masa, kg
var b61=10+Math.round(30*Math.random()); //visina, cm

var b70=2+2*Math.round(4*Math.random()); //teret, tone, Gh=Pt
var b71=3+Math.round(7*Math.random()); //visina,m

var b80=Math.round(10*0.5+10*1.5*Math.random())/10; //masa knjige
var b81=4+Math.round(5*Math.random()); //sila,N
var b82=40+10*Math.round(6*Math.random()); //put,cm

var b90=Math.round(1+10*0.5*4*Math.random())/10; //snaga, Pt=Gh -> (ab)(cd)=(ac)(bd)
var b91=2+2*Math.round(6*Math.random()); // P=b90b91,t=b92b93,G=b90b92*10,h=b91b93
var b92=10+10*Math.round(8*Math.random()); //
var b93=3+Math.round(6*Math.random()); //

var b100=1+Math.round(10*Math.random()); //masa
var b101=1+Math.round(10*Math.random()); //visina

var b110=5+5*Math.round(8*Math.random()); // Pt = Gh, (ab)(cd)=(ac)(bd)
var b111=4+4*Math.round(6*Math.random()); //P=b110*b111,t=b112*b113
var b112=2+2*Math.round(6*Math.random()); //G=b110*b112,h=b111*b113
var b113=5+5*Math.round(6*Math.random()); //

var b120=2+2*Math.round(6*Math.random()); //teret, tone
var b121=100+10*Math.round(8*Math.random()); //visina A
var b122=300+10*Math.round(50*Math.random()); //visina B

//Zadaci druge razine - malo razmišljanja
pitanje2[0]="Za koliko se smanji gravitacijska potencijalna energija kamena mase "+b01+" kg, kada se skotrlja niz padinu planine s visine "+b02+" m na visinu "+b03+" m?";
pitanje2[1]="Za koje vrijeme motor crpke snage "+b10*b11*100+" W podigne "+b10*b12+" kubnih metara vode na visinu od "+b11*b13+" metara?";
pitanje2[2]="Skakač s motkom mase "+b20+" kg pri skoku uvis popne se do visine od 5 metara za "+b21+" sekunda. Koliku gravitacijsku potencijalnu energiju ima skakač u najvišoj točki skoka?";
pitanje2[3]="Koliki rad izvrši Maja mase "+b30+" kilograma kada se popne uz "+b31+" stepenica od kojih je svaka visine 20 cm?";
pitanje2[4]="Planinar mase "+b42+" kg se popeo s visoravni nadmorske visine "+b40+" metara na planinski vrh nadmorske visine "+b41+" km. Koliki rad je obavio za taj uspon?";
pitanje2[5]="Jednoliko vučemo sanduk mase "+b50+" kg po vodoravnom putu dugom "+b51+" metara. Koliki rad pritom izvršimo, ako je faktor trenja između sanduka i podloge "+b52+"?"; 
pitanje2[6]="Atletičar mase "+b60+" kilograma u skoku uvis preskoči 2 metra i "+b61+" centimetara. Koliku snagu pri tome razvije, ako je vrijeme od odraza do najviše točke skoka 0.4 sekunde?";
pitanje2[7]="Na koju visinu je dizalicom snage "+b70*b71+" kW za 10 sekunda podignut teret od "+b70+" tona?"; 
pitanje2[8]="Knjigu mase "+b80+" kg povlačimo po stolu vodoravno, djelujući silom "+b81+" N na putu od "+b82+" cm. Koliki rad pri tome obavimo?"; 
pitanje2[9]="Dizalica snage "+Math.round(10*b90*b91)/10+" kW podigne "+b90*b92+" kg građevinskog materijala na visinu "+b91*b93+" metara. Za koje vrijeme dizalica podigne teret? "; 
pitanje2[10]="Dopunite rečenicu: Stroj koji obavi rad "+10*b100*b101+" Ws može podignuti teret mase "+b100+" kg na visinu...";
pitanje2[11]="Dovrši rečenicu: Uređaj snage "+b110*b111+" W može podignuti teret težine "+b110*b112+" N na visinu od "+b111*b113+" m za vrijeme od...";
pitanje2[12]="Koliki je rad obavio motor kamiona koji je prevezao teret mase "+b120+" tona iz mjesta A nadmorske visine "+b121+" metara u mjesto B nadmorske visine "+b122+" metara?";

//Odgovori na pitanja 1. razine - osnovni pojmovi
odgovor1[0]= a00 +" kJ = "+Math.round(a00*1000)/10+" J"; //1. odgovor
odgovor1[1]=a00 +" J = "+Math.round(a00*100)/10+" kJ";
odgovor1[2]=a00 +" kJ = "+Math.round(a00*10)/10+" J";
odgovor1[3]=a00 +" kJ = "+Math.round(a00*10)+" J";

odgovor1[4]=a11+" N"; //2. odg
odgovor1[5]=a11*10+" N";
odgovor1[6]=a11*2+" N";
odgovor1[7]=a11*100+" N";

odgovor1[8]=Math.round(100*a20*a21)/100+" J"; //3.odg
odgovor1[9]=Math.round(100*a20*a21)/10+" J";
odgovor1[10]=Math.round(100*a20*a21)+" J";
odgovor1[11]=Math.round(100*a20*a21)/1000+" J";

odgovor1[12]="nije se promijenila."; //4.odg
odgovor1[13]="povećala se za "+a30*a31+" J";
odgovor1[14]="smanjila se za "+a30*a31+" J";
odgovor1[15]="izgubila se u okolini.";

odgovor1[16]=a40*a42+" W"; //5.odg
odgovor1[17]=a40*a41+" W";
odgovor1[18]=a40*a42*10+" W";
odgovor1[19]=a40*a41*10+" W";

odgovor1[20]=Math.round(10*2.5*a50*a51)/10+" kWh"; //6.odg
odgovor1[21]=Math.round(10*2.5*a50*a51)/100+" kWh"; 
odgovor1[22]=Math.round(10*2.5*a50*a51)+" kWh"; 
odgovor1[23]=Math.round(10*2.5*a50*a51)*10+" kWh"; 

odgovor1[24]=a60*a61*10+" J"; //7.odg
odgovor1[25]=a60*a61+" J";
odgovor1[26]=a60*a61*100+" J";
odgovor1[27]=a60*a61*20+" J";

odgovor1[28]=Math.round(1000*a70*a71*24/1000)/1000+" kWh"; //8.odg
odgovor1[29]=Math.round(1000*a70*a71*24/1000)/100+" kWh";
odgovor1[30]=Math.round(1000*a70*a71*24/1000)/10+" kWh";
odgovor1[31]=Math.round(1000*a70*a71*24/1000)+" kWh";

odgovor1[32]=Math.round(10*a80*50/a81)/10+" W"; //9.odg
odgovor1[33]=Math.round(10*a80*10/a81)/10+" W";
odgovor1[34]=Math.round(10*a80*5/a81)/10+" W";
odgovor1[35]=Math.round(10*a80*20/a81)/10+" W";

odgovor1[36]=Math.round(10*a90*a91)/10+" J"; //10.odg
odgovor1[37]=Math.round(10*a90*a91)/100+" J";
odgovor1[38]=Math.round(10*a90*a91)+" J";
odgovor1[39]=Math.round(10*a90*a91)*10+" J";

odgovor1[40]=Math.round(100*10*a101*a102/a100)/100+" W"; //11.odg
odgovor1[41]=Math.round(100*10*a101*a102/a100)/10+" W";
odgovor1[42]=Math.round(100*10*a101*a102/a100)/1000+" W";
odgovor1[43]=Math.round(100*10*a101*a102/a100)+" W";

odgovor1[44]="Ostaje ista, promjena je 0 J"; //12.odg
odgovor1[45]="Smanji se za "+a110*a111*10+" J";
odgovor1[46]="Poveća se za "+a110*a111*10+" J";
odgovor1[47]="Poveća se za "+a110+" J";

odgovor1[48]="0 J"; //13.odg
odgovor1[49]=a120*a121+" J";
odgovor1[50]=a120*a121*10+" J";
odgovor1[51]=a120*120*100+" J";

//Odgovori na pitanja 2. razine - malo više razmišljanja
//općenito: za n-to pitanje (n=0 do 4) odgovori su od 4*n do 4*n+i
odgovor2[0]="za "+10*b01*(b02-b03)+" J"; //1. odgovor 	
odgovor2[1]="za "+b01*(b02-b03)+" J";
odgovor2[2]="za "+10*b01*b02+" J";
odgovor2[3]="za "+b01*b02+" J";

odgovor2[4]=b12*b13*100+" s"; //2. odg		
odgovor2[5]=b12*b13*10+" s";
odgovor2[6]=b12*b13*1000+" s";
odgovor2[7]=b12*b13+" s";

odgovor2[8]=b20*50+" J"; //3.odg		
odgovor2[9]=b20*5000+" J";
odgovor2[10]=b20*500+" J";
odgovor2[11]=b20*5+" J";

odgovor2[12]=b30*b31*2+" J"; //4.odg		
odgovor2[13]=b30*b31*20+" J";			
odgovor2[14]=b30*b31*200+" J";
odgovor2[15]=b30*b31*2000+" J";		

odgovor2[16]=Math.round(10*b42*(b41*1000-b40)*100)/100+" J"; //5.odg
odgovor2[17]=Math.round(b42*(b41*1000-b40)*100)/10+" J";
odgovor2[18]=Math.round(b42*(b41*1000-b40)*100)+" J";
odgovor2[19]=Math.round(b42*(b41*1000-b40)*100)/1000+" J";

odgovor2[20]=Math.round(100*b50*b51*b52)/10+" J"; //6.odg
odgovor2[21]=Math.round(100*b50*b51*b52)/100+" J";
odgovor2[22]=Math.round(100*b50*b51*b52)+" J";
odgovor2[23]=Math.round(100*b50*b51*b52)/1000+" J";

odgovor2[24]=Math.round(100*2.5*(b60*(2+b61/100)))/10+" W"; //7.odg
odgovor2[25]=Math.round(1000*2.5*(b60*(2+b61/100)))/10+" W";
odgovor2[26]=Math.round(10*2.5*(b60*(2+b61/100)))/10+" W";
odgovor2[27]=Math.round(10*2.5*(b60*(2+b61/100)))/100+" W";

odgovor2[28]=b71+" m"; //8.odg
odgovor2[29]=b71*10+" m";
odgovor2[30]=b71*100+" m";
odgovor2[31]=Math.round(10*b71)/100+" m";

odgovor2[32]=Math.round(10*b81*b82)/1000+" N"; //9.odg
odgovor2[33]=Math.round(10*b81*b82)/100+" N";
odgovor2[34]=Math.round(10*b81*b82)/10+" N";
odgovor2[35]=Math.round(10*b81*b82)+" N";

odgovor2[36]=Math.round(10*b92*b93)/1000+" s"; //10.odg
odgovor2[37]=Math.round(10*b92*b93)/100+" s";
odgovor2[38]=Math.round(10*b92*b93)/10+" s";
odgovor2[39]=Math.round(10*b92*b93)+" s";

odgovor2[40]=b101+" metara"; //11.odg
odgovor2[41]=b101*10+" metara";;
odgovor2[42]=b101*100+" metara";;
odgovor2[43]=b101*5+" metara";;

odgovor2[44]=b112*b113+" sekunda"; //12.odg
odgovor2[45]=b112*b113*2+" sekunda";
odgovor2[46]=b112*b113*10+" sekunda";
odgovor2[47]=b112*b113*5+" sekunda";

odgovor2[48]=(b122-b121)*b120*10+" kJ"; //13.odg
odgovor2[49]=(b122-b121)*b120*100+" kJ";
odgovor2[50]=(b122-b121)*b120*50+" kJ";
odgovor2[51]=(b122-b121)*b120*5+" kJ";

//miješanje rednih brojeva, u rasponu od a=0 do a=4
  var a=[];
  while(a.length<=4){
    var r=Math.round(Math.random()*12);
    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(){
  // Prijavi modalni okvir
  var modal = document.getElementById('myModal');
  stoperica();

  // Prijavi <span> element koji zatvara modalni okvir
  var span1 = document.getElementsByClassName("zatvori")[0];
  var span2 = document.getElementsByClassName("zatvori")[1];

  modal.style.display = "block";
  // Kada korisnik klikne na <span>(DA), zatvara se modalni okvir
  span1.onclick = function() {
    modal.style.display = "none";
    }

// Kada korisnik klikne na <span>(NE), zatvara se modalni okvir i pokazuje poruka
   span2.onclick = function() {
    modal.style.display = "none"
    alert("Ovo je kraj!");
    }

// Kada korisnik klikne bilo gdje izvan modalnog okvira, zatvori ga
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
        alert("Za početak provjere klikni na Nova provjera");
        }
    }
  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="ENERGIJA, RAD I SNAGA\nOva provjera znanja sadrži 10 zadataka iz fizike 7. razreda iz 2. cjeline, podijeljenih u 2 dijela: osnovni zadaci o energiji, radu i snazi te malo složeniji zadaci.\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="white";
  //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) {alert("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="yellow";
      tablica.rows[0].cells[0].style.fontSize="30px";
      tablica.rows[0].cells[0].innerText="TOČNO!\n";
      if(n==10) {alert("Ukupno ste riješili "+bodovi+" pitanja.\nPotrošeno vrijeme: "+intm+" minuta i "+ints+"sekunda.");location.reload();}

      }
    else {
      document.getElementById(id).style.backgroundColor = 'red';
      document.getElementById(bot[tocan]).style.backgroundColor = 'green';
      // Prijavi novi modalni okvir za obavijest
      var modal2 = document.getElementById('Modal2');
      // Prijavi <span> element koji zatvara modalni okvir
      var span1 = document.getElementsByClassName("obavijestkraj")[0];
      //var span2 = document.getElementsByClassName("obavijestkraj")[1];
      var span3 = document.getElementsByClassName("obavijest")[0];
      
      modal2.style.display = "block";
      if(n==0)
      span3.textContent="Nažalost, nije točno. Pokušajte opet!";
      // Kada korisnik klikne bilo gdje izvan modalnog okvira, zatvori ga
      window.onclick = function(event) {
     if (event.target == modal2) {
        modal2.style.display = "none";
        }
     }
     
      // Kada korisnik klikne na <span>(Nova provjera), zatvara se modalni okvir
      span1.onclick = function() {
        modal2.style.display = "none";
        return;
        }     
     }
    }   
    span2.onclick = function() {
      modal_provjeri1.style.display = "none";
      kliknuto=0;
      return;}
    
    if(kliknuto==1) {alert("Već ste odgovarali na to pitanje!");
      modal_provjeri1.style.display="none";}
    kliknuto=1;
}

function novopitanje(n){
  kliknuto=0;
  for(i=0;i<4;i++){
    document.getElementById(bot[i]).style.backgroundColor = 'blue'; 
    document.getElementById(bot[i]).value = '';} //obriši botune
  
  //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);
    }
  for(i=0;i<=3;i++){
    izbor_odgovor[i]=odgovor[4*n+i];
    if(s[i]==0) tocan=i; // 'tocan' je redni broj tocnog odgovora
    } 
  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="white";
  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[s[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) {alert("Za početak pritisni tipku Dalje!");return;}
  if(kliknuto==1) {alert("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) alert("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(n>9) {alert("Ovo je bilo zadnje pitanje!\nZašto idete dalje prije davanja odgovora?");location.reload();};
  if(n<5) oznakarazina.innerText="Osnovno o energiji";
  if(n>4) oznakarazina.innerText="Složeniji zadaci";
  
  if(n==0) popuni1();
  else novopitanje(n);
  n++;
  kliknuto=0;
}

</script>
</body>
</html>