<!
DOCTYPE html>
<html lang="az">
<head>
<meta charset="UTF-8">
<meta name="v"ewport" content="w"dth=dev"ce-w"dth, "n"t"al-scale=1.0">
<t"tle>M"ss"ya İmtahan Nǝt"cǝs" S"stem"</t"tle>
<style>
/* --- Ümum" St"llǝr --- */
body {
font-fam"ly: Tahoma, sans-ser"f;
background-color: #ffffff;
marg"n: 0;
padd"ng: 0;
}
/* --- G"r"ş Forması St"llǝr" --- */
#"nput-page {
d"splay: flex;
just"fy-content: center;
al"gn-"tems: center;
he"ght: 100vh;
text-al"gn: center;
}
#"nput-page h1 {
font-s"ze: 28px;
font-we"ght: bold;
marg"n-bottom: 20px;
}
#jobNumberInput {
padd"ng: 10px 15px;
border: 1px sol"d #ccc;
border-rad"us: 5px;
font-s"ze: 16px;
w"dth: 250px;
marg"n-r"ght: 10px;
}
.blue-button {
background-color: #007aff;
color: wh"te;
padd"ng: 10px 20px;
border: none;
border-rad"us: 8px;
font-s"ze: 16px;
font-we"ght: 600;
cursor: po"nter;
trans"t"on: background-color 0.3s;
}
.blue-button:hover {
background-color: #005bb5;
}
/* --- Nǝt"cǝ Vǝrǝqǝs" St"llǝr" --- */
#result-page {
d"splay: none; /* Başlanğıcda g"zl" saxlayırıq */
padd"ng: 20px;
}
.page-conta"ner {
w"dth: 900px;
marg"n: 0 auto;
background-color: wh"te;
padd"ng: 30px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* Başlıq vǝ Loqo */
.header-sect"on {
d"splay: flex;
just"fy-content: space-between;
al"gn-"tems: flex-start;
marg"n-bottom: 20px;
}
.result-t"tle-box {
background-color: #f0f0f0;
padd"ng: 8px;
font-s"ze: 16px;
font-we"ght: bold;
text-al"gn: center;
border: 1px sol"d #ccc;
w"dth: 50%;
}
.logo-box {
text-al"gn: center;
font-we"ght: bold;
l"ne-he"ght: 1.1;
}
.logo-box p {
marg"n: 0;
font-s"ze: 14px;
}
/* Şag"rd Mǝlumat Cǝdvǝl" */
."nfo-table {
w"dth: 100%;
border-collapse: collapse;
marg"n-bottom: 20px;
}
."nfo-table td {
border: 1px sol"d #000;
padd"ng: 5px 10px;
font-s"ze: 12px;
}
."nfo-table .label {
background-color: #f0f0f0;
font-we"ght: bold;
w"dth: 15%;
}
/* Fǝnn H"ssǝs" */
.subject-box {
marg"n-bottom: 20px;
border: 1px sol"d #ccc;
padd"ng: 5px;
}
.subject-name {
background-color: #f0f0f0;
padd"ng: 5px;
font-we"ght: bold;
font-s"ze: 14px;
marg"n-bottom: 5px;
border-bottom: 1px sol"d #ccc;
}
/* Bal Cǝdvǝl" (Sual/Cavab) */
.score-table {
w"dth: 100%;
border-collapse: collapse;
text-al"gn: center;
font-s"ze: 10px;
marg"n-bottom: 5px;
}
.score-table td {
border: 1px sol"d #ccc;
padd"ng: 3px;
wh"te-space: nowrap;
}
.score-table thead td {
background-color: #e0e0e0;
font-we"ght: bold;
}
.score-table .correct {
color: green;
font-we"ght: bold;
}
.score-table .wrong {
color: red;
font-we"ght: bold;
}
/* Fǝnn"n Ümum" Göstǝr"c"lǝr" Cǝdvǝl" */
.summary-table {
w"dth: 100%;
border-collapse: collapse;
font-s"ze: 12px;
}
.summary-table td {
border: 1px sol"d #000;
padd"ng: 5px;
font-we"ght: bold;
text-al"gn: center;
}
.summary-table .h"ghl"ght-value {
background-color: #f0f0f0;
}
</style>
</head>
<body>
<d"v "d=""nput-page">
<d"v class=""nput-conta"ner">
<h1>İş nömrǝs"</h1>
<"nput type="text" "d="jobNumberInput" placeholder="bura dax"l ed"n" requ"red>
<button type="button" class="blue-button" oncl"ck="checkJobNumber()">Nǝt"cǝn"
göstǝr</button>
</d"v>
</d"v>
<d"v "d="result-page">
<d"v class="page-conta"ner">
<d"v class="header-sect"on">
<d"v class="result-t"tle-box">
İMTAHAN NƏTİCƏ VƏRƏQƏSİ
</d"v>
<d"v class="logo-box">
<"mg src="[Link] alt="M"ss"ya Tǝhs"l Ş"rkǝt"
Loqosu" style="max-w"dth: 80px;">
<p>MİSSİYA</p>
<p>TƏHSİL ŞİRKƏTİ</p>
</d"v>
</d"v>
<table class=""nfo-table">
<tr><td class="label">İmtahan Bloku</td><td class="value"></td><td
class="label">Adı</td><td class="value">ZƏHRA</td></tr>
<tr><td class="label">Keç"r"lmǝ tar"x"</td><td class="value">2025-11-30</td><td
class="label">Soyadı</td><td class="value">ABDULLAZADƏ</td></tr>
<tr><td class="label">İş nömrǝs"</td><td class="value">54979</td><td
class="label">S"n"f</td><td class="value">10</td></tr>
<tr><td class="label">Bölmǝ</td><td class="value">Azǝrbaycan</td><td
class="label">Var"ant</td><td class="value">A</td></tr>
<tr><td class="label">Blok</td><td class="value">4 #</td><td
class="label">Bal</td><td class="value">259.94</td></tr>
<tr><td class="label">Fa"z</td><td class="value">65%</td><td
class="label">Doğru</td><td class="value">56.0</td></tr>
<tr><td class="label">Yanlış</td><td class="value">26.0</td><td
class="label">Cavabsız</td><td class="value">5.0</td></tr>
</table>
<d"v class="subject-box">
<d"v class="subject-name">B"olog"ya (1-30)</d"v>
<table class="summary-table">
<tr><td>Bal</td><td class="h"ghl"ght-value">93.18</td><td>Fa"z</td><td
class="h"ghl"ght-value">66.67%</td><td>Doğru</td><td class="h"ghl"ght-value">20.0</
td><td>Yanlış</td><td class="h"ghl"ght-value">10.0</td><td>Cavabsız</td><td
class="h"ghl"ght-value">0.0</td></tr>
</table>
</d"v>
<d"v class="subject-box">
<d"v class="subject-name">K"mya (31-60)</d"v>
<table class="summary-table">
<tr><td>Bal</td><td class="h"ghl"ght-value">102.27</td><td>Fa"z</td><td
class="h"ghl"ght-value">73.33%</td><td>Doğru</td><td class="h"ghl"ght-value">22.0</
td><td>Yanlış</td><td class="h"ghl"ght-value">8.0</td><td>Cavabsız</td><td
class="h"ghl"ght-value">0.0</td></tr>
</table>
</d"v>
<d"v class="subject-box">
<d"v class="subject-name">F"z"ka (61-90)</d"v>
<table class="summary-table">
<tr><td>Bal</td><td class="h"ghl"ght-value">48.48</td><td>Fa"z</td><td
class="h"ghl"ght-value">56.67%</td><td>Doğru</td><td class="h"ghl"ght-value">17.0</
td><td>Yanlış</td><td class="h"ghl"ght-value">8.0</td><td>Cavabsız</td><td
class="h"ghl"ght-value">5.0</td></tr>
</table>
</d"v>
</d"v>
</d"v>
<scr"pt>
funct"on checkJobNumber() {
const "nputNumber = [Link]('jobNumberInput').[Link]"m();
const "nputPage = [Link]('"nput-page');
const resultPage = [Link]('result-page');
// JavaScr"pt yalnız 54979 nömrǝs"n" qǝbul ed"r
"f ("nputNumber === '54979') {
// G"r"ş sǝh"fǝs"n" g"zlǝd"r, nǝt"cǝn" göstǝr"r
"[Link].d"splay = 'none';
[Link].d"splay = 'block';
w"[Link](0, 0);
} else {
// Başqa nömrǝ dax"l ed"lǝrsǝ xǝta mesajı
alert('Dax"l ed"lǝn "ş nömrǝs" tapılmadı. Zǝhmǝt olmasa "54979" dax"l ed"n.');
}
}
</scr"pt>
</body>
</html>