<!DOCTYPE HTML>
<TITLE> Vježbe iz matematike 8 - ALGEBRA</TITLE>
<HEAD>
<style>
body{
background-image: linear-gradient(lightblue, white);
}

.botunurica {
  background-color: #88cc99; 
  border: double;
  border-radius: 20px;
  color: white;
  width: 180px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  font-weight: bold;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  box-shadow: 10px 10px 5px grey
}

.razlomak {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 0 0.2em 0.4ex;
  letter-spacing: 0.001em;
  text-align: center;
}
.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 - ALGEBARSKI RAZLOMCI</h3>
<INPUT TYPE='button' id='urica' name='urica' value='00:00:00' class='botunurica'>
</center>
<p>ZADATAK: Imate pet zadataka u kojima su zadani algebarski razlomci koje trebate skratiti tako da dobijete neskrativi razlomak. Za rješavanje koristite poznata pravila: izlučivanje zajedničkog faktora, rastavljanje kvadrata zbroja i razlike te razlike kvadrata.
<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] = "<div class='razlomak'><span>x<sup>2</sup> + 2x + 1</span><span class='dolje'>x + 1</span></div>";
pitanje[1] = "<div class='razlomak'><span>x<sup>2</sup> - 4x + 4</span><span class='dolje'>x - 2</span></div>";
pitanje[2] = "<div class='razlomak'><span>y<sup>2</sup> - 16</span><span class='dolje'>y - 4</span></div>";
pitanje[3] = "<div class='razlomak'><span>4a + 8b</span><span class='dolje'>4</span></div>";
pitanje[4] = "<div class='razlomak'><span>0.1x + 3</span><span class='dolje'>0.01x<sup>2</sup> - 9</span></div>";
pitanje[5] = "<div class='razlomak'><span>x + 1</span><span class='dolje'>x<sup>2</sup> + 2x + 1</span></div>";
pitanje[6] = "<div class='razlomak'><span>x - 3</span><span class='dolje'>x<sup>2</sup> - 6x + 9</span></div>";
pitanje[7] = "<div class='razlomak'><span>5</span><span class='dolje'>10a + 5b</span></div>";
pitanje[8] = "<div class='razlomak'><span>a - 7</span><span class='dolje'>a<sup>2</sup> - 49</span></div>";
pitanje[9] = "<div class='razlomak'><span>16x<sup>2<sup> - 9</span><span class='dolje'>4x + 3</span></div>";
pitanje[10]= "<div class='razlomak'><span>4x</span><span class='dolje'>12xy</span></div>";

odgovor = new Array;
odgovor[0] ="x + 1";; 	//1. zadatak
odgovor[1] ="<div class='razlomak'><span>1</span><span class='dolje'>x + 1</span></div>";;
odgovor[2] ="x - 1";
odgovor[3] ="x - 2"; //2. zadatak
odgovor[4] ="x + 2";
odgovor[5] ="<div class='razlomak'><span>1</span><span class='dolje'>x - 2</span></div>";
odgovor[6] ="y + 4";		//3. zadatak
odgovor[7] ="<div class='razlomak'><span>1</span><span class='dolje'>y - 4</span></div>";
odgovor[8] ="y - 4";
odgovor[9] ="a + 2b";	//4. zadatak
odgovor[10] ="<div class='razlomak'><span>1</span><span class='dolje'>a + 2b</span></div>";
odgovor[11] ="a - 2b";
odgovor[12] ="<div class='razlomak'><span>1</span><span class='dolje'>0.1x - 3</span></div>";;		//5. zadatak
odgovor[13] ="<div class='razlomak'><span>1</span><span class='dolje'>0.1x + 3</span></div>";
odgovor[14] ="0.1x - 3";
odgovor[15] ="<div class='razlomak'><span>1</span><span class='dolje'>x + 1</span></div>";;	//6. zadatak
odgovor[16] ="<div class='razlomak'><span>1</span><span class='dolje'>x - 1</span></div>";
odgovor[17] ="x + 1";
odgovor[18] ="<div class='razlomak'><span>1</span><span class='dolje'>x - 3</span></div>";;	//7. zadatak
odgovor[19] ="<div class='razlomak'><span>1</span><span class='dolje'>x + 3</span></div>";
odgovor[20] ="x - 3";
odgovor[21] ="<div class='razlomak'><span>1</span><span class='dolje'>2a + b</span></div>";	//8. zadatak
odgovor[22] ="<div class='razlomak'><span>1</span><span class='dolje'>2a - b</span></div>";
odgovor[23] ="2a + b";
odgovor[24] ="<div class='razlomak'><span>1</span><span class='dolje'>a - 7</span></div>";	//9. zadatak
odgovor[25] ="<div class='razlomak'><span>1</span><span class='dolje'>a + 7</span></div>";
odgovor[26] ="a - 7";
odgovor[27] ="4x - 3";	//10. zadatak
odgovor[28] ="<div class='razlomak'><span>1</span><span class='dolje'>4x - 3</span></div>";
odgovor[29] ="<div class='razlomak'><span>1</span><span class='dolje'>4x + 3</span></div>";
odgovor[30] ="<div class='razlomak'><span>1</span><span class='dolje'>3y</span></div>";	//11. zadatak
odgovor[31] ="3y";
odgovor[32] ="<div class='razlomak'><span>1</span><span class='dolje'>4x</span></div>";

//mijesanje indeksa
a = new Array; //pomoæni niz - niz uredjenih indeksa
b = new Array; //niz pomijesanih indeksa
var opseg
opseg=8

//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>