seating_randomiser/page_1.html at main · npsboy/seating_randomiser · GitHub

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
<head>
    <link rel="stylesheet" href="page_1.css">
</head>

<body>
    <div class="page-1-container">
         <h1>Seating Arrangement Creator</h1>
         <br>

         <textarea
             id="student_names"
             placeholder="Enter student names, one per line..."></textarea>

         <label for="student_count" class="student-count-label">How many students are there in the class?</label>
         <input type="number"
             id="student_count"
             style="display: none;"
             placeholder="Enter total number of students..."
             min="1"
             value="29">

         <br><br>

         <div class="checkbox-container">
             <input type="checkbox" id="role_numbers" name="role_numbers" value="role_numbers" onchange="toggleInputMode()">
             <label for="role_numbers">Use roll numbers instead</label>
         </div>

            <br>

         <input type="button"
             class="create-button"
             value="Create!"
             onclick="create_arrangement()">
             <br> <br>
        <span class="clickable-text" onclick="load_example_values()">Click to load example...</span>
     </div>

 </body>