Viewing file:  practiceset.php (5.14 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ITCE (INFYSYS TECHNOLOGIES COMPUTER EDUCATION )</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<!-- =======================================================
* Template Name: eBusiness
* Template URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
* Updated: Jun 23 2025 with Bootstrap v5.3.6
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body class="index-page">
<?php include 'header.php'; ?>
<main class="main">
<div class="container py-5">
<h3 class="mb-4 text-center">Practice Question</h3>
<!-- Feedback message top par dikhane ke liye -->
<div id="feedback" class="text-center mb-3"></div>
<form id="f1" method="post">
<?php
include 'admin/connect.php';
$sql = "SELECT * FROM question_set_paper ORDER BY RAND() LIMIT 1";
$result = mysqli_query($link, $sql);
if ($result && mysqli_num_rows($result) > 0) {
$row = mysqli_fetch_assoc($result);
$ids = $row['ID'];
$srno = 1;
?>
<div class="card mb-3">
<div class="card-header bg-secondary text-white">
<strong><?= htmlspecialchars($row['question']) ?></strong>
</div>
<ul class="list-group list-group-flush">
<?php
$options = [
'a' => $row['wronganswer1'],
'b' => $row['wronganswer2'],
'c' => $row['wronganswer3'],
'd' => $row['wronganswer4']
];
foreach ($options as $key => $value) {
?>
<li class="list-group-item d-flex align-items-center">
<input class="form-check-input me-2 option-radio" type="radio"
name="radiocount[<?= $srno ?>]" value="<?= $key ?>">
<?= htmlspecialchars($value) ?>
</li>
<?php } ?>
</ul>
<input type="hidden" id="correctans" value="<?= $row['correctanswer'] ?>">
</div>
<div class="text-center mb-4">
<a href="practiceset.php?ID=<?= $ids + 1 ?>" class="btn btn-primary">Next</a>
</div>
<?php } else { ?>
<p class="text-danger text-center">No questions found.</p>
<?php }
mysqli_close($link);
?>
</form>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('.option-radio').change(function () {
const selected = $("input.option-radio:checked").val();
const correct = $("#correctans").val();
const feedback = $('#feedback');
if (selected === correct) {
feedback.html("<div class='alert alert-success'>✔ आपका उत्तर सही है</div>");
} else {
feedback.html("<div class='alert alert-danger'>✘ आपका उत्तर गलत है</div>");
}
// Page ke top par scroll kara do
$('html, body').animate({ scrollTop: 0 }, 'fast');
});
});
</script>
</main>
<?php include 'footer.php'; ?>
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Preloader -->
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
|