Result

<form id=”searchForm”>
<label for=”student_id”>رقم الطالب الجامعي:</label>
<input type=”text” id=”student_id” name=”student_id” required>
<button type=”submit”>بحث</button>
</form>

<div id=”results”></div>

<script>
document.getElementById(‘searchForm’).addEventListener(‘submit’, function(event) {
event.preventDefault();
var studentId = document.getElementById(‘student_id’).value;

fetch(`http://اسم_موقعك/students_api/get_results.php?student_id=${studentId}`)
.then(response => response.json())
.then(data => {
var resultsDiv = document.getElementById(‘results’);
if (data.error) {
resultsDiv.innerHTML = `<p>${data.error}</p>`;
} else {
var weeks = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var html = ‘<h2>النتائج:</h2>’;

weeks.forEach(week => {
html += `
<p>الأسبوع ${week}:</p>
<ul>
<li>مشاركة المعمل: ${data[`week${week}_lab_participation`]}</li>
<li>تقرير المعمل: ${data[`week${week}_lab_report`]}</li>
<li>مشاركة الصف: ${data[`week${week}_class_participation`]}</li>
<li>الفريق: ${data[`week${week}_team`]}</li>
<li>الفردي: ${data[`week${week}_individuals`]}</li>
<li>الاختبارات القصيرة: ${data[`week${week}_quizzes`]}</li>
</ul>
`;
});

resultsDiv.innerHTML = html;
}
})
.catch(error => console.error(‘Error:’, error));
});
</script>