numbers/index.html at master · aprobert-li/numbers · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
    <head>
        <title>Numbers</title>
        <link rel="stylesheet" href="style.css">

    </head>
    <body>
        <h1>NUMBERS</h1>

        <ul id="container">
            <li class="numbers" id="zero" data-number=0>0</li>
            <li class="numbers" id="one" data-number=1>1</li>
            <li class="numbers" id="two" data-number=2>2</li>
            <li class="numbers" id="three" data-number=3>3</li>
            <li class="numbers" id="four" data-number=4>4</li>
            <li class="numbers" id="five" data-number=5>5</li>
            <li class="numbers" id="six" data-number=6>6</li>
            <li class="numbers" id="seven" data-number=7>7</li>
            <li class="numbers" id="eight" data-number=8>8</li>
            <li class="numbers" id="nine" data-number=9>9</li>
            <li class="numbers" id="ten" data-number=10>10</li>
            <li class="numbers" id="eleven" data-number=11>11</li>
            <li class="numbers" id="twelve" data-number=12>12</li>
            <li class="numbers" id="thirteen" data-number=13>13</li>
            <li class="numbers" id="fourteen" data-number=14>14</li>
            <li class="numbers" id="fifteen" data-number=15>15</li>
            <li class="numbers" id="sixteen" data-number=16>16</li>
            <li class="numbers" id="seventeen" data-number=17>17</li>
            <li class="numbers" id="eighteen" data-number=18>18</li>
            <li class="numbers" id="nineteen" data-number=19>19</li>
            <li class="numbers" id="twenty" data-number=20>20</li>
            <li class="numbers" id="twentyone" data-number=21>21</li>
            <li class="numbers" id="twentytwo" data-number=22>22</li>
            <li class="numbers" id="twentythree" data-number=23>23</li>
            <li class="numbers" id="twentyfour" data-number=24>24</li>
            <li class="numbers" id="twentyfive" data-number=25>25</li>
            <li class="numbers" id="twentysix" data-number=26>26</li>
            <li class="numbers" id="twentyseven" data-number=27>27</li>
            <li class="numbers" id="twentyeight" data-number=28>28</li>
            <li class="numbers" id="twentynine" data-number=29>29</li>
            <li class="numbers" id="thirty" data-number=30>30</li>
            <li class="numbers" id="thirtyone" data-number=31>31</li>
            <li class="numbers" id="thirtytwo" data-number=32>32</li>
            <li class="numbers" id="thirtythree" data-number=33>33</li>
            <li class="numbers" id="thirtyfour" data-number=34>34</li>
            <li class="numbers" id="thirtyfive" data-number=35>35</li>
            <li class="numbers" id="thirtysix" data-number=36>36</li>
            <li class="numbers" id="thirtyseven" data-number=37>37</li>
            <li class="numbers" id="thirtyeight" data-number=38>38</li>
            <li class="numbers" id="thirtynine" data-number=39>39</li>
            <li class="numbers" id="forty" data-number=40>40</li>
            <li class="numbers" id="fortyone" data-number=41>41</li>
            <li class="numbers" id="fortytwo" data-number=42>42</li>
            <li class="numbers" id="fortythree" data-number=43>43</li>
            <li class="numbers" id="fortyfour" data-number=44>44</li>
            <li class="numbers" id="fortyfive" data-number=45>45</li>
            <li class="numbers" id="fortysix" data-number=46>46</li>
            <li class="numbers" id="fortyseven" data-number=47>47</li>
            <li class="numbers" id="fortyeight" data-number=48>48</li>
            <li class="numbers" id="fortynine" data-number=49>49</li>
            <li class="numbers" id="firty" data-number=50>50</li>
            <li class="numbers" id="fiftyone" data-number=51>51</li>
            <li class="numbers" id="fiftytwo" data-number=52>52</li>
            <li class="numbers" id="fiftythree" data-number=53>53</li>
            <li class="numbers" id="fiftyfour" data-number=54>54</li>
            <li class="numbers" id="fiftyfive" data-number=55>55</li>
            <li class="numbers" id="fiftysix" data-number=56>56</li>
            <li class="numbers" id="fiftyseven" data-number=57>57</li>
            <li class="numbers" id="fiftyeight" data-number=58>58</li>
            <li class="numbers" id="fiftynine" data-number=59>59</li>
            <li class="numbers" id="sixty" data-number=60>60</li>
            <li class="numbers" id="sixtyone" data-number=61>61</li>
            <li class="numbers" id="sixtytwo" data-number=62>62</li>
            <li class="numbers" id="sixtythree" data-number=63>63</li>
            <li class="numbers" id="sixtyfour" data-number=64>64</li>
            <li class="numbers" id="sixtyfive" data-number=65>65</li>
            <li class="numbers" id="sixtysix" data-number=66>66</li>
            <li class="numbers" id="sixtyseven" data-number=67>67</li>
            <li class="numbers" id="sixtyeight" data-number=68>68</li>
            <li class="numbers" id="sixtynine" data-number=69>69</li>
        </ul>
        <br>
        <h1 id="randomNumber"></h1>
    </body>
    <script src='script.js'></script>
</html>