Spaces:
Running
Running
File size: 1,909 Bytes
00972a9 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Panel</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Admin Panel</h1>
<h2>Set Quiz Timing</h2>
<label for="startTime">Start Time:</label>
<input type="time" id="startTime" required>
<label for="endTime">End Time:</label>
<input type="time" id="endTime" required>
<button id="setTimer">Set Timer</button>
<h2>Users who exited fullscreen:</h2>
<button id="refreshList">Refresh Exited Users</button>
<ul id="exitedUserList"></ul>
</div>
<script>
document.getElementById('setTimer').addEventListener('click', () => {
const startTime = document.getElementById('startTime').value;
const endTime = document.getElementById('endTime').value;
if (startTime && endTime) {
localStorage.setItem('startTime', startTime);
localStorage.setItem('endTime', endTime);
alert('Timer has been set!');
} else {
alert('Please set both start and end times.');
}
});
document.getElementById('refreshList').addEventListener('click', () => {
const exitedUsers = JSON.parse(localStorage.getItem('exitedUsers')) || [];
const exitedUserList = document.getElementById('exitedUserList');
exitedUserList.innerHTML = ''; // Clear the list
exitedUsers.forEach(user => {
const li = document.createElement('li');
li.textContent = user;
exitedUserList.appendChild(li);
});
});
</script>
</body>
</html>
|