Spaces:
Running
Running
| <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> | |