<!DOCTYPE HTML>
<TITLE> Vježbe iz matematike 8 - ALGEBRA</TITLE>
<HEAD>
<style>

.radical {
    position: relative;
    font-size: 1.6em;
    vertical-align: middle;
}
.n-root {
    position: absolute;
    top: -0.333em;
    left: 0.333em;
    font-size: 45%;
}
.radicand { 
    padding: 0.2em 0.2em;
    border-top: thin black solid;
    font-size: 100%;
}

.radicand1 { 
    padding: 0.5em 0.5em;
    border-top: thin black solid;
    font-size: 90%;
}

.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;
}

.razlomak {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 0 0.2em 0.4ex;
  letter-spacing: 0.001em;
  text-align: center;
  font-size: 90%;
}
.razlomak span {
  display: block;
  padding-top: 0.15em;
}
.razlomak span.dolje {border-top: thin solid black;
.razlomak span.bar {display: none;}
}

</style>
</HEAD>

<BODY bgcolor="aaeeaa" onload="stoperica()">

<center><h2>VJEŽBE IZ MATEMATIKE 8.</h2>
<h3>1. cjelina - RAČUNANJE S KORIJENIMA</h3>
<INPUT TYPE='button' id='urica' name='urica' value='00:00:00' class='botunurica'>
</center>
ZADATAK: Imate pet zadataka u kojima trebate izraze s korijenima svesti na jednostavniji oblik, koristeći naučena pravila za zbrajanje, oduzimanje, množenje i dijeljenje korijenova.
<br>UPUTE: U sljedećim pitanjima izaberite jedan odgovor.
<br>Tipkom "Provjeri" vidjet ćete jeste li točno odgovorili na postavljena pitanja.
<br>Tipkom "Novi zadaci" dobit ćete slična pitanja s drugim brojevima.
<hr>

<FORM NAME = "forma1">
<SCRIPT LANGUAGE="JavaScript">
var n, k, k_radio1, k_radio2, k_radio3, k_radio4, k_radio5;
n = 0
k = 0
k_radio1 = 0
k_radio2 = 0
k_radio3 = 0
k_radio4 = 0
k_radio5 = 0

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();
  var vrh2=d2.getHours(); 
  var vrm2=d2.getMinutes(); 
  var vrs2=d2.getSeconds();
  var 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;
}

pitanje = new Array;
pitanje[0] = "<span class='radical'>&radic;</span><span class='radicand'>45 &#183; 5</span>";
pitanje[1] = "<span class='radical'>&radic;</span><span class='radicand'>45 : 5</span>";
pitanje[2] = "<span class='radical'>&radic;</span><span class='radicand1'><div class='razlomak'><span>81</span><span class='dolje'>400</span></div></span>";
pitanje[3] = "<span class='radical'>&radic;</span><span class='radicand'>0.45 : 5</span>";
pitanje[4] = "<span class='radical'>&radic;</span><span class='radicand'>1.25 </span> &#183; <span class='radical'>&radic;</span><span class='radicand'>0.05</span>";
pitanje[5] = "<span class='radical'>&radic;</span><span class='radicand'>0.12 &#183; 3</span>";
pitanje[6] = "<span class='radical'>&radic;</span><span class='radicand'>512</span> : <span class='radical'>&radic;</span><span class='radicand'>8</span>";
pitanje[7] = "<span class='radical'>&radic;</span><span class='radicand'>48 &#183; 3</span>";
pitanje[8] = "<span class='radical'>&radic;</span><span class='radicand'>75 : 3</span>";
pitanje[9] = "7<span class='radical'>&radic;</span><span class='radicand'>2</span> + 4<span class='radical'>&radic;</span><span class='radicand'>2</span> - 6<span class='radical'> &radic;</span><span class='radicand'>2</span>";
pitanje[10] = "-4<span class='radical'>&radic;</span><span class='radicand'>3</span> + 4<span class='radical'>&radic;</span><span class='radicand'>2</span> + 5<span class='radical'> &radic;</span><span class='radicand'>3</span>-<span class='radical'>&radic;</span><span class='radicand'>2</span>";

odgovor = new Array;
odgovor[0] =15; 	//1. zadatak
odgovor[1] =1.5;
odgovor[2] =0.15;
odgovor[3] =3;		//2. zadatak
odgovor[4] =0.3;
odgovor[5] =30;
odgovor[6] ="<div class='razlomak'><span>9</span><span class='dolje'>20</span></div>";		//3. zadatak
odgovor[7] ="<div class='razlomak'><span>3</span><span class='dolje'>20</span></div>";;
odgovor[8] ="<div class='razlomak'><span>9</span><span class='dolje'>10</span></div>";;
odgovor[9] =0.3;		//4. zadatak
odgovor[10] =30;
odgovor[11] =3;
odgovor[12] =0.25;		//5. zadatak
odgovor[13] =2.5;
odgovor[14] =25;
odgovor[15] =0.6;	//6. zadatak
odgovor[16] =60;
odgovor[17] =6;
odgovor[18] =8;	//7. zadarak
odgovor[19] =0.08;
odgovor[20] =0.8;
odgovor[21] =12;	//8. zadatak
odgovor[22] =1.2;
odgovor[23] =0.12;
odgovor[24] =5;	//9. zadatak
odgovor[25] =0.5;
odgovor[26] =0.05;
odgovor[27] ="5<span class='radical'>&radic;</span><span class='radicand'>2</span>"; //10. zadatak
odgovor[28] ="2<span class='radical'>&radic;</span><span class='radicand'>6</span>";;
odgovor[29] ="3<span class='radical'>&radic;</span><span class='radicand'>2</span>";;
odgovor[30] ="<span class='radical'>&radic;</span><span class='radicand'>3</span> + 3<span class='radical'>&radic;</span><span class='radicand'>2</span>";	//11. zadatak
odgovor[31] ="4<span class='radical'>&radic;</span><span class='radicand'>3</span> + 2<span class='radical'>&radic;</span><span class='radicand'>2</span>";;
odgovor[32] ="5<span class='radical'>&radic;</span><span class='radicand'>3</span> - 3<span class='radical'>&radic;</span><span class='radicand'>2</span>";;

//mijesanje indeksa
a = new Array; //pomoæni niz - niz uredjenih indeksa
b = new Array; //niz pomijesanih indeksa
var opseg
opseg=10

//popunjavanje niza pitanja od 0 do opseg (a)
for (var i=0;i<=opseg;i++){ 
  a[i]=i;
}

//miješanje rednih brojeva, u rasponu od b=0 do b=4
  var b=[];
  while(b.length<=4){
    var r=Math.round(Math.random()*opseg);
    if(b.indexOf(r)===-1) b.push(r);
    }

pitanjce = new Array;  // niz od pet pitanja koja ce biti postavljena
odg = new Array;
rn_odg = new Array; // redni broj tocnog odgovora
for (var i = 0; i<=4; i++){
  pitanjce [i] = pitanje [b[i]];
  odg[3*i] = odgovor[3*b[i]];
  odg[3*i+1] = odgovor[3*b[i]+1];
  odg[3*i+2] = odgovor[3*b[i]+2];
}

slovo = new Array();
slovo[0] = "a) ";
slovo[1] = "b) ";
slovo[2] = "c) ";

document.write("<BR>1. zadatak: " + pitanjce[0])  // prvo pitanje
n = Math.round(100*Math.random()); 
k1 = new Array();
for(var i=0;i<=2;i++){    // i broji tri radio buttona 
  for(var j=0;j<=2;j++){   // k1[j] je redni broj odgovora radio buttona 
    k1[j] = (n+j) % 3;
    if ((k1[j] % 3) == 0) 
       k_radio1 = j   // redni broj radio buttona s tocnim odgovorom
  }
  document.write("<BR><INPUT TYPE='radio' NAME='izbor1' VALUE=''>" + slovo[i] + odg[k1[i]])
}

document.write("<BR>2. zadatak: " + pitanjce[1])  // drugo pitanje
n = Math.round(100*Math.random()); 
k2 = new Array();
for(var i=0;i<=2;i++){  
  for(var j=0;j<=2;j++){
    k2[j] = ((n+j) % 3) +3;
    if ((k2[j] % 3) == 0) 
       k_radio2 = j   
  }
  document.write("<BR><INPUT TYPE='radio' NAME='izbor2'  VALUE= ''>" + slovo[i] + odg[k2[i]])
}

document.write("<BR>3. zadatak: " + pitanjce[2])  // trece pitanje
n = Math.round(100*Math.random()); 
k3 = new Array();
for(var i=0;i<=2;i++){  
  for(var j=0;j<=2;j++){
    k3[j] = ((n+j) % 3) +6;
  if ((k3[j] % 3) == 0) 
       k_radio3 = j   // redni broj radio buttona s tocnim odgovorom
  }
  document.write("<BR><INPUT TYPE='radio' NAME='izbor3' VALUE= ''>" + slovo[i] + odg[k3[i]])
}

document.write("<BR>4. zadatak: " + pitanjce[3])  // cetvrto pitanje
n = Math.round(100*Math.random()); 
k4 = new Array();
for(var i=0;i<=2;i++){  
  for(var j=0;j<=2;j++){
    k4[j] = ((n+j) % 3) +9;
  if ((k4[j] % 3) == 0) 
       k_radio4 = j   // redni broj radio buttona s tocnim odgovorom
  }
  document.write("<BR><INPUT TYPE='radio' NAME='izbor4' VALUE= ''>" + slovo[i] + odg[k4[i]])
}

document.write("<BR>5. zadatak: " + pitanjce[4])  // peto pitanje
n = Math.round(100*Math.random()); 
k5 = new Array();
for(var i=0;i<=2;i++){  
  for(var j=0;j<=2;j++){
    k5[j] = ((n+j) % 3) +12;
  if ((k5[j] % 3) == 0) 
       k_radio5 = j   // redni broj radio buttona s tocnim odgovorom
  }
  document.write("<BR><INPUT TYPE='radio' NAME='izbor5' VALUE= ''>" + slovo[i] + odg[k5[i]])
}

function provjeri(form){
  var poruka=[];
  if (document.forma1.izbor1[k_radio1].checked) poruka[0]="1) Ispravno!" 
    else 
    poruka[0]="1) Pogrešno! Odgovor je: " + slovo[k_radio1];
  if (document.forma1.izbor2[k_radio2].checked) poruka[1]="2) Ispravno!" 
    else 
    poruka[1]="2) Pogrešno! Odgovor je: " + slovo[k_radio2];
  if (document.forma1.izbor3[k_radio3].checked) poruka[2]= "3) Ispravno!" 
    else 
    poruka[2]="3) Pogrešno! Odgovor je: " + slovo[k_radio3];
  if (document.forma1.izbor4[k_radio4].checked) poruka[3]="4) Ispravno!" 
    else 
    poruka[3]="4) Pogrešno! Odgovor je: " + slovo[k_radio4];
  if (document.forma1.izbor5[k_radio5].checked) poruka[4]="5) Ispravno!" 
    else 
    poruka[4]="5) Pogrešno! Odgovor je: " + slovo[k_radio5];
  alert(poruka[0]+"\n"+poruka[1]+"\n"+poruka[2]+"\n"+poruka[3]+"\n"+poruka[4])
}
</SCRIPT>
</FORM>
<P>

<hr>
<center>
<FORM>
<br><INPUT TYPE="button" VALUE="Provjeri" id="prov" onClick="provjeri(this.form)">
<INPUT TYPE="button" VALUE="Novi zadaci" id="nov" width="20" ONCLICK="location.reload()"></CENTER>
</FORM>
</center>

<script>
document.getElementById("prov").style.backgroundColor = '#aaaaff';
document.getElementById("nov").style.backgroundColor = '#aaaaff';
document.getElementById("prov").style.width = '150px';
document.getElementById("nov").style.width = '150px';
document.getElementById("prov").style.fontSize = '15px';
document.getElementById("nov").style.fontSize = '15px';
document.getElementById("prov").style.fontWeight = 'bold';
document.getElementById("nov").style.fontWeight = 'bold';
document.getElementById("prov").style.padding = '10px';
document.getElementById("nov").style.padding = '10px';
</script>


</BODY>
</HTML>