You are on page 1of 9

<%var a=100%>

<% arr.slice(0,--11).forEach((item)=>{ %>


<%sayi=40-mevcut[item];%>

<html>
<head>
<meta charset="utf-8">

</head>
<body>
<script>
let e = '<%-sayi%>'
sayi=parseInt(e);
if(sayi%2==0){
for(i=0;i<sayi/2;i++)
m=20-i;text=m.toString();
document.getElementById(text).remove();
}
if(sayi%2==1){
for(i=0;i<(sayi-1)/2;i++){
m=20-i;text=m.toString();
document.getElementById(text).remove();
}
m=60-sayi;text=m.toString();
document.getElementById(text).remove();
}
</script>

<style>
.doluClass
{
width:90px;
border:1px solid #000000;
word-break: break-word;
display: inline-block;
border-style: none
}
body {
background-color:#E7E9EB;
}
td{
text-align: left;
vertical-align: top;
}
#myTable {
background-color:#FFFFFF;
border-collapse: separate;
border-spacing: 50px 15px;
}
</style>

<table id="myTable" border="1">


<tr>

<td border="4" >


<br> Öğretmen Masası <br> <br>
</td>
<td style="border-style: none" >
<table>
<tr>
<td style="border-style: none"> </td> <td style="border-style:
none"></td>
</tr>
</table>
</td>
<td style="border-style: none" >
<table>
<tr>
<td style="border-style: none"> </td> <td style="border-style:
none"></td>
</tr>
</table>
</td>

</tr>
<tr>

<td id="1" border="4" >


<table>
<tr>
<td id="21"> <img id="img1" height="70" width="90"
valign:"top" border="2" src=<%=aliveli.veli1%> ><br><small id="kisi1"><font
class="doluClass" size="1"><%=aliveli.alu1%></font></small> </td> <td id="22"><img
id="img2" height="70" width="90" valign:"top" border="2" src=<%=aliveli.veli2%>
><br><small id="kisi2"><font class="doluClass"
size="1"><%=aliveli.alu2%></font></small></td>
</tr>
</table>
</td>
<td id="2" border="4" >
<table>
<tr>
<td id="23"> <img id="img3" height="70" width="90" valign:"top"
border="2" src=<%=aliveli.veli3%> ><br><small id="kisi3"><font class="doluClass"
size="1"><%=aliveli.alu3%></font></small> </td> <td id="24"><img id="img4"
height="70" width="90" valign:"top" border="2" src=<%=aliveli.veli4%> ><br><small
id="kisi4"><font class="doluClass" size="1"><%=aliveli.alu4%></font></small></td>
</tr>
</table>
</td>
<td id="3" border="4" >
<table>
<tr>
<td id="25"> <img id="img5" src=<%=aliveli.veli5%> height="70"
width="90" valign:"top" border="2" ><br><small id="kisi5"><font class="doluClass"
size="1"><%=aliveli.alu5%></font></small> </td> <td id="26"><img id="img6" src=<
%=aliveli.veli6%> height="70" width="90" valign:"top" border="2" ><br><small
id="kisi6"><font class="doluClass" size="1"><%=aliveli.alu6%></font></small></td>
</tr>
</table>
</td>

</tr>
<tr>

<td id="4" border="4" >


<table>
<tr>
<td id="27"> <img id="img7" src=<%=aliveli.veli7%> height="70"
width="90" border="2" ><br><small id="kisi7"><font class="doluClass" size="1"><
%=aliveli.alu7%></font></small> </td> <td id="28"><img id="img8" src=<
%=aliveli.veli8%> height="70" width="90" border="2" ><br><small id="kisi8"><font
class="doluClass" size="1"><%=aliveli.alu8%></font></small></td>
</tr>
</table>
</td>
<td id="5" border="4" >
<table>
<tr>
<td id="29"> <img id="img9" src=<%=aliveli.veli9%> height="70"
width="90" border="2" ><br><small id="kisi9"><font class="doluClass" size="1"><
%=aliveli.alu9%></font></small> </td> <td id="30"><img id="img10" src=<
%=aliveli.veli10%> height="70" width="90" border="2" ><br><small id="kisi10"><font
class="doluClass" size="1"><%=aliveli.alu10%></font></small></td>
</tr>
</table>
</td>
<td id="6" border="4" >
<table>
<tr>
<td id="31"> <img id="img11" src=<%=aliveli.veli11%> height="70"
width="90" border="2" ><br><small id="kisi11"><font class="doluClass" size="1"><
%=aliveli.alu11%></font></small> </td> <td id="32"><img id="img12" src=<
%=aliveli.veli12%> height="70" width="90" border="2" ><br><small id="kisi12"><font
class="doluClass" size="1"><%=aliveli.alu12%></font></small></td>
</tr>
</table>
</td>

</tr>
<tr>

<td id="7" border="4" >


<table>
<tr>
<td id="33"> <img id="img13" src=<%=aliveli.veli13%>
height="70" width="90" border="2" ><br><small id="kisi13"><font class="doluClass"
size="1"><%=aliveli.alu13%></font></small> </td> <td id="34"><img id="img14" src=<
%=aliveli.veli14%> height="70" width="90" border="2" ><br><small id="kisi14"><font
class="doluClass" size="1"><%=aliveli.alu14%></font></small></td>
</tr>
</table>
</td>
<td id="8" border="4" >
<table>
<tr>
<td id="35"> <img id="img15" src=<%=aliveli.veli15%> height="70"
width="90" border="2" ><br><small id="kisi15"><font class="doluClass" size="1"><
%=aliveli.alu15%></font></small> </td> <td id="36"><img id="img16" src=<
%=aliveli.veli16%> height="70" width="90" border="2" ><br><small id="kisi16"><font
class="doluClass" size="1"><%=aliveli.alu16%></font></small></td>
</tr>
</table>
</td>
<td id="9" border="4" >
<table>
<tr>
<td id="37"> <img id="img17" src=<%=aliveli.veli17%> height="70"
width="90" border="2" ><br><small id="kisi17"><font class="doluClass" size="1"><
%=aliveli.alu17%></font></small> </td> <td id="38" ><img id="img18" src=<
%=aliveli.veli18%> height="70" width="90" border="2" ><br><small id="kisi18"><font
class="doluClass" size="1"><%=aliveli.alu18%></font></small></td>
</tr>
</table>
</td>

</tr>
<tr>

<td id="10" border="4" >


<table>
<tr>
<td id="39"> <img id="img19" src=<%=aliveli.veli19%>
height="70" width="90" border="2" ><br><small id="kisi19"><font class="doluClass"
size="1"><%=aliveli.alu19%></font></small> </td> <td id="40"><img id="img20"
src=<%=aliveli.veli20%> height="70" width="90" border="2" ><br><small
id="kisi20"><font class="doluClass" size="1"><%=aliveli.alu20%></font></small></td>
</tr>
</table>
</td>
<td id="11" border="4" >
<table>
<tr>
<td id="41"> <img id="img21" src=<%=aliveli.veli21%> height="70"
width="90" border="2" ><br><small id="kisi21"><font class="doluClass" size="1"><
%=aliveli.alu21%></font></small> </td> <td id="42"><img id="img22"src=<
%=aliveli.veli22%> height="70" width="90" border="2" ><br><small id="kisi22"><font
class="doluClass" size="1"><%=aliveli.alu22%></font></small></td>
</tr>
</table>
</td>
<td id="12" border="4" >
<table>
<tr>
<td id="43"> <img id="img23" src=<%=aliveli.veli23%> height="70"
width="90" border="2" ><br><small id="kisi23"><font class="doluClass" size="1"><
%=aliveli.alu23%></font></small> </td> <td id="44"><img id="img24" src=<
%=aliveli.veli24%> height="70" width="90" border="2" ><br><small id="kisi24"><font
class="doluClass" size="1"><%=aliveli.alu24%></font></small></td>
</tr>
</table>
</td>

</tr>
<tr>

<td id="13" border="4" >


<table>
<tr>
<td id="45"> <img id="img25" src=<%=aliveli.veli25%>
height="70" width="90" border="2" ><br><small id="kisi25"><font class="doluClass"
size="1"><%=aliveli.alu25%></font></small> </td> <td id="46"><img id="img26"
src=<%=aliveli.veli26%> height="70" width="90" border="2" ><br><small
id="kisi26"><font class="doluClass" size="1"><%=aliveli.alu26%></font></small></td>
</tr>
</table>
</td>
<td id="14" border="4" >
<table>
<tr>
<td id="47"> <img id="img27" src=<%=aliveli.veli27%> height="70"
width="90" border="2" ><br><small id="kisi27"><font class="doluClass" size="1"><
%=aliveli.alu27%></font></small> </td> <td id="48"><img id="img28" src=<
%=aliveli.veli28%> height="70" width="90" border="2" ><br><small id="kisi28"><font
class="doluClass" size="1"><%=aliveli.alu28%></font></small></td>
</tr>
</table>
</td>
<td id="13" border="4" >
<table>
<tr>
<td id="49"> <img id="img29" src=<%=aliveli.veli29%> height="70"
width="90" border="2" ><br><small id="kisi29"><font class="doluClass" size="1"><
%=aliveli.alu29%></font></small> </td> <td id="50"><img id="img30" src=<
%=aliveli.veli30%> height="70" width="90" border="2" ><br><small id="kisi30"><font
class="doluClass" size="1"><%=aliveli.alu30%></font></small></td>
</tr>
</table>
</td>

</tr>
<tr>

<td id="16" border="4" >


<table>
<tr>
<td id="51"> <img id="img31" src=<%=aliveli.veli31%> height="70"
width="90" border="2" ><br><small id="kisi31"><font class="doluClass" size="1"><
%=aliveli.alu31%></font></small> </td> <td id="52" ><img id="img32" src=<
%=aliveli.veli32%> height="70" width="90" border="2" ><br><small id="kisi32"><font
class="doluClass" size="1"><%=aliveli.alu32%></font></small></td>
</tr>
</table>
</td>
<td id="17" border="4" >
<table>
<tr>
<td id="53" > <img id="img33" src=<%=aliveli.veli33%>
height="70" width="90" border="2" ><br><small id="kisi33"><font class="doluClass"
size="1"><%=aliveli.alu33%></font></small> </td> <td id="54"><img id="img34" src=<
%=aliveli.veli34%> height="70" width="90" border="2" ><br><small id="kisi34"><font
class="doluClass" size="1"><%=aliveli.alu34%></font></small></td>
</tr>
</table>
</td>
<td id="18" border="4" >
<table>
<tr>
<td id="55"> <img id="img35" src=<%=aliveli.veli35%> height="70"
width="90" border="2" ><br><small id="kisi35"><font class="doluClass" size="1"><
%=aliveli.alu35%></font></small> </td> <td id="56"><img id="img36" src=<
%=aliveli.veli36%> height="70" width="90" border="2" ><br><small id="kisi36"><font
class="doluClass" size="1"><%=aliveli.alu36%></font></small></td>
</tr>
</table>
</td>

</tr>
<tr>

<td id="19" border="4" >


<table>
<tr>
<td id="57"> <img id="img37" src=<%=aliveli.veli37%>
height="70" width="90" border="2" ><br><small id="kisi37"><font class="doluClass"
size="1"><%=aliveli.alu37%></font></small> </td> <td id="58"><img id="img38" src=<
%=aliveli.veli38%> height="70" width="90" border="2" ><br><small id="kisi38"><font
class="doluClass" size="1"><%=aliveli.alu38%></font></small></td>
</tr>
</table>
</td>
<td id="20" border="4" >
<table>
<tr>
<td id="59"> <img id="img39" src=<%=aliveli.veli39%>
height="70" width="90" border="2" ><br><small id="kisi39"><font class="doluClass"
size="1"><%=aliveli.alu39%></font></small> </td> <td id="60"><img id="img40" src=<
%=aliveli.veli40%> height="70" width="90" border="2" ><br><small id="kisi40"><font
class="doluClass" size="1"><%=aliveli.alu40%></font></small></td>
</tr>
</table>
</td>

</tr>

</table>
<p id="ali6"><%=sinif[258]%></p>

</body>
</html>

<%
aliveli={
alu1: sinif[a][0]+" "+sinif[a][1][0]+" "+sinif[a][1][1]+"/"+sinif[a][1][2],
alu2:sinif[a+1][0]+" "+sinif[a+1][1][0]+" "+sinif[a+1][1][1]+"/"+sinif[a+1][1][2],
alu3:sinif[a+4][0]+" "+sinif[a+4][1][0]+" "+sinif[a+4][1][1]+"/"+sinif[a+4][1][2],
alu4:sinif[a+5][0]+" "+sinif[a+5][1][0]+" "+sinif[a+5][1][1]+"/"+sinif[a+5][1][2],
alu5: sinif[a+8][0]+" "+sinif[a+8][1][0]+" "+sinif[a+8][1][1]+"/"+sinif[a+8][1][2],
alu6:sinif[a+9][0]+" "+sinif[a+9][1][0]+" "+sinif[a+9][1][1]+"/"+sinif[a+9][1][2] ,
veli1:"/asset/" +sinif[a][0]+".png", veli2:"/asset/"+sinif[a+1][0]+".png",
veli3:"/asset/"+sinif[a+4][0]+".png", veli4:"/asset/"+sinif[a+5][0]+".png",
veli5:"/asset/"+sinif[a+8][0]+".png", veli6:"/asset/"+sinif[a+9][0]+".png",

alu7:sinif[a+3][0]+" "+sinif[a+3][1][0]+" "+sinif[a+3][1][1]+"/"+sinif[a+3][1]


[2], alu8:sinif[a+2][0]+" "+sinif[a+2][1][0]+" "+sinif[a+2][1][1]+"/"+sinif[a+2]
[1][2], alu9: sinif[a+7][0]+" "+sinif[a+7][1][0]+" "+sinif[a+7][1]
[1]+"/"+sinif[a+7][1][2], alu10:sinif[a+6][0]+" "+sinif[a+6][1][0]+"
"+sinif[a+6][1][1]+"/"+sinif[a+6][1][2], alu11:sinif[a+11][0]+" "+sinif[a+11][1]
[0]+" "+sinif[a+11][1][1]+"/"+sinif[a+11][1][2], alu12:sinif[a+10][0]+"
"+sinif[a+10][1][0]+" "+sinif[a+10][1][1]+"/"+sinif[a+10][1][2],
veli7:"/asset/"+sinif[a+3][0]+".png", veli8:"/asset/"+sinif[a+2][0]+".png",
veli9:"/asset/"+sinif[a+7][0]+".png", veli10:"/asset/"+sinif[a+6][0]+".png",
veli11:"/asset/"+sinif[a+11][0]+".png", veli12:"/asset/"+sinif[a+10][0]+".png",

alu13: sinif[a+12][0]+" "+sinif[a+12][1][0]+" "+sinif[a+12][1][1]+"/"+sinif[a+12]


[1][2], alu14:sinif[a+13][0]+" "+sinif[a+13][1][0]+" "+sinif[a+13][1]
[1]+"/"+sinif[a+13][1][2], alu15:sinif[a+16][0]+" "+sinif[a+16][1][0]+"
"+sinif[a+16][1][1]+"/"+sinif[a+16][1][2], alu16:sinif[a+17][0]+"
"+sinif[a+17][1][0]+" "+sinif[a+17][1][1]+"/"+sinif[a+17][1][2], alu17:
sinif[a+20][0]+" "+sinif[a+20][1][0]+" "+sinif[a+20][1][1]+"/"+sinif[a+20][1][2],
alu18:sinif[a+21][0]+" "+sinif[a+21][1][0]+" "+sinif[a+21][1][1]+"/"+sinif[a+21][1]
[2],
veli13:"/asset/"+sinif[a+12][0]+".png", veli14:"/asset/"+sinif[a+13][0]+".png",
veli15:"/asset/"+sinif[a+16][0]+".png", veli16:"/asset/"+sinif[a+17][0]+".png",
veli17:"/asset/"+sinif[a+20][0]+".png", veli18:"/asset/"+sinif[a+21][0]+".png",

alu19:sinif[a+15][0]+" "+sinif[a+15][1][0]+" "+sinif[a+15][1][1]+"/"+sinif[a+15]


[1][2], alu20:sinif[a+14][0]+" "+sinif[a+14][1][0]+" "+sinif[a+14][1]
[1]+"/"+sinif[a+14][1][2], alu21: sinif[a+19][0]+" "+sinif[a+19][1][0]+"
"+sinif[a+19][1][1]+"/"+sinif[a+19][1][2], alu22:sinif[a+18][0]+"
"+sinif[a+18][1][0]+" "+sinif[a+18][1][1]+"/"+sinif[a+18][1][2], alu23:sinif[a+23]
[0]+" "+sinif[a+23][1][0]+" "+sinif[a+23][1][1]+"/"+sinif[a+23][1][2],
alu24:sinif[a+22][0]+" "+sinif[a+22][1][0]+" "+sinif[a+22][1][1]+"/"+sinif[a+22][1]
[2],
veli19:"/asset/"+sinif[a+15][0]+".png", veli20:"/asset/"+sinif[a+14]
[0]+".png", veli21:"/asset/"+sinif[a+19][0]+".png",
veli22:"/asset/"+sinif[a+18][0]+".png", veli23:"/asset/"+sinif[a+23]
[0]+".png", veli24:"/asset/"+sinif[a+22][0]+".png",

alu25: sinif[a+24][0]+" "+sinif[a+24][1][0]+" "+sinif[a+24][1][1]+"/"+sinif[a+24]


[1][2], alu26:sinif[a+25][0]+" "+sinif[a+25][1][0]+" "+sinif[a+25][1]
[1]+"/"+sinif[a+25][1][2], alu27:sinif[a+28][0]+" "+sinif[a+28][1][0]+"
"+sinif[a+28][1][1]+"/"+sinif[a+28][1][2], alu28:sinif[a+29][0]+"
"+sinif[a+29][1][0]+" "+sinif[a+29][1][1]+"/"+sinif[a+29][1][2], alu29:
sinif[a+32][0]+" "+sinif[a+32][1][0]+" "+sinif[a+32][1][1]+"/"+sinif[a+32][1][2],
alu30:sinif[a+33][0]+" "+sinif[a+33][1][0]+" "+sinif[a+33][1][1]+"/"+sinif[a+33][1]
[2],
veli25:"/asset/"+sinif[a+24][0]+".png", veli26:"/asset/"+sinif[a+25][0]+".png",
veli27:"/asset/"+sinif[a+28][0]+".png", veli28:"/asset/"+sinif[a+29][0]+".png",
veli29:"/asset/"+sinif[a+32][0]+".png", veli30:"/asset/"+sinif[a+33]
[0]+".png",

alu31:sinif[a+27][0]+" "+sinif[a+27][1][0]+" "+sinif[a+27][1][1]+"/"+sinif[a+27]


[1][2], alu32:sinif[a+26][0]+" "+sinif[a+26][1][0]+" "+sinif[a+26][1]
[1]+"/"+sinif[a+26][1][2], alu33: sinif[a+31][0]+" "+sinif[a+31][1][0]+"
"+sinif[a+31][1][1]+"/"+sinif[a+31][1][2], alu34:sinif[a+30][0]+"
"+sinif[a+30][1][0]+" "+sinif[a+30][1][1]+"/"+sinif[a+30][1][2],
alu35:sinif[a+35][0]+" "+sinif[a+35][1][0]+" "+sinif[a+35][1][1]+"/"+sinif[a+35][1]
[2], alu36:sinif[a+34][0]+" "+sinif[a+34][1][0]+" "+sinif[a+34][1]
[1]+"/"+sinif[a+34][1][2],
veli31:"/asset/"+sinif[a+27][0]+".png", veli32:"/asset/"+sinif[a+26]
[0]+".png", veli33:"/asset/"+sinif[a+31][0]+".png",
veli34:"/asset/"+sinif[a+30][0]+".png", veli35:"/asset/"+sinif[a+35]
[0]+".png", veli36:"/asset/"+sinif[a+34][0]+".png" ,

alu37:sinif[a+36][0]+" "+sinif[a+36][1][0]+" "+sinif[a+36][1][1]+"/"+sinif[a+36]


[1][2], alu38:sinif[a+37][0]+" "+sinif[a+37][1][0]+" "+sinif[a+37][1]
[1]+"/"+sinif[a+37][1][2], alu39:sinif[a+38][0]+" "+sinif[a+38][1][0]+"
"+sinif[a+38][1][1]+"/"+sinif[a+38][1][2], alu40:sinif[a+39][0]+" "+sinif[a+39][1]
[0]+" "+sinif[a+39][1][1]+"/"+sinif[a+39][1][2],
veli37:"/asset/"+sinif[a+36][0]+".png" ,
veli38:"/asset/"+sinif[a+37][0]+".png",
veli39:"/asset/"+sinif[a+38][0]+".png" ,
veli40:"/asset/"+sinif[a+39][0]+".png" ,
}

a=a+mevcut[item] ;

const dizi = []; let


for(let i in aliveli) dizi.push([i,aliveli[i]]);
dizi.slice(0,40-mevcut[item]);

sayi++;

})%>

/* tex = '<%-text%>'
e = '<%-sayi%>'
sayi2=parseInt(e);;console.log(sayi2+1+"( bu e nin 1
fazlası)")
if(sayi2%2==0){
for(i=0;i<(sayi2/2);i++)
m=20-i;tex=m.toString();
document.getElementById(tex).remove();console.log(tex+"çift");
}
if((sayi2%2)==1){
for(i=0;i<(sayi2-1)/2;i++){
m=20-i;tex=m.toString();
document.getElementById(tex).remove(); console.log(tex+"tek");
}
m=60-sayi2;tex=m.toString();
document.getElementById(tex).remove(); console.log(tex+"tek artan");
}
*/

for(i=0;i<sinir;i++){
console.log(i+"isim resim dongüsü")

say=i+1
str="img"+say
console.log(str)
document.getElementById(str).src=sresim[i]

str2="kisi"+say
console.log(str2)
document.getElementById(str2).innerText=sdizi[i]

}
console.log(kapasite)

You might also like