التدريب على اختبارات TIMSS 2027
:root {
–primary: #4A00E0;
–secondary: #8E2DE2;
–accent: #00c6ff;
–light: #f1faee;
–dark: #1d3557;
–success: #11998e;
–danger: #ef473a;
–warning: #ffc107;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Cairo’, sans-serif;
background: linear-gradient(135deg, #16222A, #3A6073);
color: #333;
min-height: 100vh;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 25px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
overflow: hidden;
padding: 30px;
}
.header {
text-align: center;
padding: 25px;
background: linear-gradient(to left, var(–primary), var(–secondary));
color: white;
border-radius: 20px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.header h1 {
font-size: 2rem;
margin-bottom: 10px;
}
.header h2 {
font-size: 1.4rem;
margin-bottom: 15px;
opacity: 0.9;
}
.datetime {
background-color: rgba(0, 0, 0, 0.3);
padding: 12px 20px;
border-radius: 12px;
display: inline-block;
margin-top: 10px;
font-weight: bold;
border: 1px solid rgba(255,255,255,0.3);
}
.breadcrumbs {
display: none;
padding: 15px 25px;
background-color: rgba(0, 0, 0, 0.25);
border-radius: 15px;
margin-bottom: 25px;
text-align: right;
font-size: 1.2rem;
color: white;
font-weight: bold;
animation: fadeIn 0.4s;
}
.breadcrumbs a {
color: var(–accent);
text-decoration: none;
cursor: pointer;
transition: color 0.3s;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .separator {
margin: 0 10px;
color: rgba(255, 255, 255, 0.6);
}
.breadcrumbs span {
color: #ffffff;
}
.selection-area {
display: flex;
justify-content: center;
gap: 20px;
margin: 35px 0;
flex-wrap: wrap;
}
.action-btn {
padding: 15px 35px;
font-size: 1.25rem;
border: none;
border-radius: 50px;
cursor: pointer;
transition: all 0.35s ease;
font-weight: bold;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
color: white;
display: flex;
align-items: center;
gap: 10px;
}
.action-btn i {
font-size: 1.5rem;
}
.action-btn:hover {
transform: translateY(-8px) scale(1.05);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
}
.grade-7 {
background: linear-gradient(45deg, #11998e, #38ef7d);
}
.grade-8 {
background: linear-gradient(45deg, #f7971e, #ffd200);
}
.science-btn {
background: linear-gradient(45deg, #8E2DE2, #4A00E0);
}
.math-btn {
background: linear-gradient(45deg, #00c6ff, #0072ff);
}
.subject-selection, .links-container {
display: none;
}
.links-container {
animation: fadeIn 0.5s ease;
}
.links-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
}
.link-item {
background: rgba(255, 255, 255, 0.95);
padding: 20px;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
opacity: 0;
transform: translateY(20px);
animation: slideUp 0.5s forwards;
}
.link-item .link-title {
font-weight: bold;
margin-bottom: 15px;
color: var(–dark);
font-size: 1.2rem;
}
.link-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 20px;
background: linear-gradient(45deg, var(–primary), var(–secondary));
color: white;
text-decoration: none;
border-radius: 10px;
transition: all 0.3s;
font-weight: bold;
margin-top: 10px;
}
.link-btn:hover {
transform: scale(1.05);
box-shadow: 0 5px 15px rgba(74, 0, 224, 0.4);
}
.footer {
text-align: center;
margin-top: 40px;
padding: 20px;
color: var(–light);
font-weight: bold;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer p {
margin-top: 15px;
}
.registration-link {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(45deg, var(–success), #38ef7d);
color: white;
padding: 12px 25px;
border-radius: 50px;
text-decoration: none;
font-size: 1.1rem;
font-weight: bold;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.registration-link:hover {
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(17, 153, 142, 0.4);
}
.back-btn-wrapper {
text-align: center;
margin-top: 30px;
}
.back-btn {
background-color: #6c757d;
border: none;
color: white;
padding: 12px 25px;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s;
font-weight: bold;
}
.back-btn:hover {
background-color: #5a6268;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.98); }
to { opacity: 1; transform: scale(1); }
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.selection-area {
flex-direction: column;
align-items: center;
}
.action-btn {
width: 90%;
justify-content: center;
}
.header h1 { font-size: 1.6rem; }
.header h2 { font-size: 1.2rem; }
}
الصف الأول الإعدادي (السابع)
الصف الثاني الإعدادي (الثامن)
العلوم
الرياضيات
العودة لاختيار الصف
const linksData = {
“7”: {
“science”: [
{ title: “الفصل الأول والثالث”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_5/Part_1/TIMSS/Sci-Grade-7-S1-Chapter-1-and-3/Sci%20Grade%207%20S1%20Chapter%201%20and%203/story.html” },
{ title: “الفصل الثاني”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_5/Part_1/TIMSS/Chapter-2/Chapter%202/story.html” },
{ title: “الفصل الرابع والخامس”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_5/Part_1/TIMSS/Chapters-4-and-5/Chapters%204%20and%205/story.html” }
],
“math”: [
{ title: “الفصل الاول”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_3/Part_1/TIMSS/G7-Unite-1%281%29/G7-Unite%201/story.html” },
{ title: “الفصل الثاني”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_3/Part_1/TIMSS/G7-Unite-2%281%29/G7-Unite%202/story.html” },
{ title: “الفصل الثالث”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_3/Part_1/TIMSS/G7-Unite-3/G7-Unite%203/story.html” },
{ title: “الفصل الرابع”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_3/Part_1/TIMSS/G7-Unite-4/G7-Unite%204/story.html” },
{ title: “الفصل الخامس”, url: “
https://edunet.bh/e_content/level_2/stage_7/subject_ID_3/Part_1/TIMSS/G7-Unite-5/G7-Unite%205/story.html” }
]
},
“8”: {
“science”: [
{ title: “الفصل الأول(أ)”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Chapter-1A/Chapter%201A/story.html” },
{ title: “الفصل الأول(ب)”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Chapter-1B/Chapter%201B/story.html” },
{ title: “الفصل الثاني(أ)”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Grade-8-Chapter-2A/Grade%208%20Chapter%202A/story.html” },
{ title: “الفصل الثاني(ب)”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Chapter-2B/Chapter%202B/story.html” },
{ title: “الفصل الثالث(أ)”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Grade-8-Chapter-3A/Grade%208%20Chapter%203A/story.html” },
{ title: “الفصل الثالث(ب)”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Grade-8-Chapter-3B/Grade%208%20Chapter%203B/story.html” },
{ title: “الفصل الرابع”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Chapter-4/Chapter%204/story.html” },
{ title: “الفصل الخامس”, url: “
https://edunet.bh/e_content/level_2/stage_8/subject_ID_5/Part_1/TIMSS/Grade-5-Chapter-A/Grade%205%20Chapter%20A/story.html” }
],
“math”: [
{ title: “الفصل الأول(أ)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%20(%20%D8%A3%20)%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الأول(ب)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%20%28%20%D8%A8%20%29%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الأول(ج)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%20%28%20%D8%AC%20%29%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الأول(د)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%20%28%20%D8%AF%20%29%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الثاني(أ)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%28%20%D8%A3%20%29%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الثاني(ب)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%28%20%D8%A8%20%29%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الثالث(أ)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%20%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20-%20%D8%A7%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20%E2%80%93%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%20%28%D8%A3%29%20%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الثالث(ب)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%20%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20-%20%D8%A7%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20%E2%80%93%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%20%28%D8%A8%29%20%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الرابع(أ)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%28%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20-%20%D8%A7%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B9%20%20%28%20%D8%A3%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الرابع(ب)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20-%20%D8%A7%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B4%20%28%D8%A8%29%20%20%20%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الخامس(أ)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%AE%D8%A7%D9%85%D8%B3%20%28%D8%A3%29%20-%20Storyline%20output/story.aspx” },
{ title: “الفصل الخامس(ب)”, url: “
https://moebh-my.sharepoint.com/personal/timss_bahrain_moe_bh/Documents/eTIMSS_Digital%20Activities/Math_G8/TIMSS%20-%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6%D9%8A%D8%A7%D8%AA%20%D9%84%D9%84%D8%B5%D9%81%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%8A%20-%20%D8%A7%D9%84%D9%81%D8%B5%D9%84%20%D8%A7%D9%84%D8%AE%D8%A7%D9%85%D8%B3%20%28%D8%A8%29%20-%20Storyline%20output/story.aspx” }
]
}
};
const gradeSelection = document.getElementById(‘gradeSelection’);
const subjectSelection = document.getElementById(‘subjectSelection’);
const linksContainer = document.getElementById(‘linksContainer’);
const breadcrumbs = document.getElementById(‘breadcrumbs’);
const linksGrid = document.getElementById(‘linksGrid’);
const backToGradesBtn = document.getElementById(‘backToGrades’);
const backToSubjectsBtn = document.getElementById(‘backToSubjects’);
const datetimeElement = document.getElementById(‘datetime’);
let state = {
grade: null,
gradeText: ”,
subject: null,
subjectText: ”
};
function updateDateTime() {
const now = new Date();
const options = { weekday: ‘long’, year: ‘numeric’, month: ‘long’, day: ‘numeric’, hour: ‘2-digit’, minute: ‘2-digit’, second: ‘2-digit’ };
datetimeElement.textContent = now.toLocaleDateString(‘ar-BH’, options);
}
function showView(viewName) {
gradeSelection.style.display = ‘none’;
subjectSelection.style.display = ‘none’;
linksContainer.style.display = ‘none’;
breadcrumbs.style.display = ‘none’;
if (viewName === ‘grades’) {
gradeSelection.style.display = ‘flex’;
} else if (viewName === ‘subjects’) {
subjectSelection.style.display = ‘flex’;
breadcrumbs.style.display = ‘block’;
} else if (viewName === ‘links’) {
linksContainer.style.display = ‘block’;
breadcrumbs.style.display = ‘block’;
}
}
function updateBreadcrumbs() {
breadcrumbs.innerHTML = ”;
if (state.gradeText) {
const gradeEl = document.createElement(‘a’);
gradeEl.id = ‘bc-grade’;
gradeEl.textContent = state.gradeText;
breadcrumbs.appendChild(gradeEl);
}
if (state.subjectText) {
const separator = document.createElement(‘span’);
separator.className = ‘separator’;
separator.textContent = ‘>’;
breadcrumbs.appendChild(separator);
const subjectEl = document.createElement(‘span’);
subjectEl.textContent = state.subjectText;
breadcrumbs.appendChild(subjectEl);
}
}
function displayLinks() {
linksGrid.innerHTML = ”;
const links = linksData[state.grade][state.subject];
links.forEach((link, index) => {
const linkItem = document.createElement(‘div’);
linkItem.className = ‘link-item’;
linkItem.style.animationDelay = `${index * 0.1}s`;
const titleEl = document.createElement(‘div’);
titleEl.className = ‘link-title’;
titleEl.textContent = link.title;
const linkBtn = document.createElement(‘a’);
linkBtn.className = ‘link-btn’;
linkBtn.href = link.url;
linkBtn.target = ‘_blank’;
linkBtn.innerHTML = `
الدخول إلى التدريب`;
linkItem.appendChild(titleEl);
linkItem.appendChild(linkBtn);
linksGrid.appendChild(linkItem);
});
}
document.querySelectorAll(‘.action-btn[data-grade]’).forEach(btn => {
btn.addEventListener(‘click’, function() {
state.grade = this.getAttribute(‘data-grade’);
state.gradeText = this.getAttribute(‘data-text’);
updateBreadcrumbs();
showView(‘subjects’);
});
});
document.querySelectorAll(‘.action-btn[data-subject]’).forEach(btn => {
btn.addEventListener(‘click’, function() {
state.subject = this.getAttribute(‘data-subject’);
state.subjectText = this.getAttribute(‘data-text’);
updateBreadcrumbs();
displayLinks();
showView(‘links’);
});
});
backToGradesBtn.addEventListener(‘click’, function() {
state = { grade: null, gradeText: ”, subject: null, subjectText: ”};
showView(‘grades’);
});
backToSubjectsBtn.addEventListener(‘click’, function() {
state.subject = null;
state.subjectText = ”;
updateBreadcrumbs();
showView(‘subjects’);
});
breadcrumbs.addEventListener(‘click’, (e) => {
if (e.target.id === ‘bc-grade’) {
state.subject = null;
state.subjectText = ”;
updateBreadcrumbs();
showView(‘subjects’);
}
});
updateDateTime();
setInterval(updateDateTime, 1000);
showView(‘grades’);
سحر العلوم 
أضف تعليق