Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta
- name="viewport"
- content="width=device-width,
- initial-scale=1.0"
- />
- <title>Proj1</title>
- </head>
- <body
- style="
- background-color: lightgrey;
- background-image: url('https://i.imgur.com/8ttb5FL.png');
- background-repeat: no-repeat;
- background-size: cover;
- "
- >
- <div
- id="dateTime"
- style="position: fixed; top: 10px; left: 10px; font-size: 20px"
- ></div>
- <h1 id="tableTitle" align="center">PLAYERS & THEIR STATS</h1>
- <table border="1" id="statsTable" style="margin: auto; width: 80%">
- <tr>
- <td>
- <strong>
- <center>Name of the players</center>
- </strong>
- </td>
- <td>
- <strong> Statistics </strong>
- </td>
- </tr>
- <tr>
- <td id="startoftable" style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage1"
- src="https://i.imgur.com/Ari5UmX.png"
- alt="ROHIT SHARMA Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">ROHIT SHARMA</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 151</li>
- <li>Inn: 143</li>
- <li>NO: 18</li>
- <li>Runs: 3974</li>
- <li>HS: 121*</li>
- <li>Avg: 31.79</li>
- <li>SR: 139.98</li>
- <li>100’s: 5</li>
- <li>50’s: 29</li>
- <li>4s: 359</li>
- <li>6s: 190</li>
- <li>CT: 60</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage2"
- src="https://i.imgur.com/GceTMvr.png"
- alt="VIRAT KOHLI Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">VIRAT KOHLI</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 117</li>
- <li>Inn: 109</li>
- <li>NO: 31</li>
- <li>Runs: 4037</li>
- <li>HS: 122*</li>
- <li>Avg: 51.76</li>
- <li>SR: 138.16</li>
- <li>100’s: 1</li>
- <li>50’s: 37</li>
- <li>4s: 361</li>
- <li>6s: 117</li>
- <li>CT: 52</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage3"
- src="https://i.imgur.com/8QkfzPd.png"
- alt="JASPRIT BUMRAH Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">JASPRIT BUMRAH</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 62</li>
- <li>Inn: 7</li>
- <li>NO: 5</li>
- <li>Runs: 8</li>
- <li>HS: 7</li>
- <li>Avg: 4.00</li>
- <li>SR: 61.54</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 1</li>
- <li>6s: 0</li>
- <li>CT: 7</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage4"
- src="https://i.imgur.com/29zSOrJ.png"
- alt="RAVINDRA JADEJA Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">RAVINDRA JADEJA</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 66</li>
- <li>Inn: 36</li>
- <li>NO: 15</li>
- <li>Runs: 480</li>
- <li>HS: 46*</li>
- <li>Avg: 22.86</li>
- <li>SR: 125.33</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 36</li>
- <li>6s: 13</li>
- <li>CT: 25</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage5"
- src="https://i.imgur.com/xS9d83Y.png"
- alt="HARDIK PANDYA Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">HARDIK PANDYA</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 92</li>
- <li>Inn: 71</li>
- <li>NO: 18</li>
- <li>Runs: 1348</li>
- <li>HS: 71*</li>
- <li>Avg: 25.43</li>
- <li>SR: 139.83</li>
- <li>100’s: 0</li>
- <li>50’s: 3</li>
- <li>4s: 96</li>
- <li>6s: 69</li>
- <li>CT: 45</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage6"
- src="https://i.imgur.com/oDlpKPS.png"
- alt="RAVICHANDRAN ASHWIN Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">
- RAVICHANDRAN ASHWIN
- </div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 65</li>
- <li>Inn: 19</li>
- <li>NO: 12</li>
- <li>Runs: 184</li>
- <li>HS: 31*</li>
- <li>Avg: 26.29</li>
- <li>SR: 115.00</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 17</li>
- <li>6s: 4</li>
- <li>CT: 11</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage7"
- src="https://i.imgur.com/3IpvfYP.png"
- alt="MOHAMMAD SHAMI Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">MOHAMMAD SHAMI</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 23</li>
- <li>Inn: 3</li>
- <li>NO: 2</li>
- <li>Runs: 0</li>
- <li>HS: 0*</li>
- <li>Avg: 0.00</li>
- <li>SR: 0.00</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 0</li>
- <li>6s: 0</li>
- <li>CT: 1</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage8"
- src="https://i.imgur.com/DOFXIrg.png"
- alt="RISHABH PANT Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">RISHABH PANT</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 66</li>
- <li>Inn: 56</li>
- <li>NO: 12</li>
- <li>Runs: 987</li>
- <li>HS: 65*</li>
- <li>Avg: 22.43</li>
- <li>SR: 126.38</li>
- <li>100’s: 0</li>
- <li>50’s: 3</li>
- <li>4s: 86</li>
- <li>6s: 37</li>
- <li>CT: 27</li>
- <li>ST: 9</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage9"
- src="https://i.imgur.com/l8D4nEr.png"
- alt="AXAR PATEL Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">AXAR PATEL</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 52</li>
- <li>Inn: 31</li>
- <li>NO: 12</li>
- <li>Runs: 361</li>
- <li>HS: 65</li>
- <li>Avg: 19.00</li>
- <li>SR: 144.40</li>
- <li>100’s: 0</li>
- <li>50’s: 1</li>
- <li>4s: 27</li>
- <li>6s: 16</li>
- <li>CT: 16</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage10"
- src="https://i.imgur.com/CWAFkCm.png"
- alt="KL RAHUL Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">KL RAHUL</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 72</li>
- <li>Inn: 68</li>
- <li>NO: 8</li>
- <li>Runs: 2265</li>
- <li>HS: 110*</li>
- <li>Avg: 37.75</li>
- <li>SR: 139.13</li>
- <li>100’s: 2</li>
- <li>50’s: 22</li>
- <li>4s: 191</li>
- <li>6s: 99</li>
- <li>CT: 23</li>
- <li>ST: 1</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage11"
- src="https://i.imgur.com/kpwlI3s.png"
- alt="SHREYAS IYER Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">SHREYAS IYER</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 51</li>
- <li>Inn: 47</li>
- <li>NO: 11</li>
- <li>Runs: 1104</li>
- <li>HS: 74*</li>
- <li>Avg: 30.67</li>
- <li>SR: 136.13</li>
- <li>100’s: 0</li>
- <li>50’s: 8</li>
- <li>4s: 90</li>
- <li>6s: 44</li>
- <li>CT: 16</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage12"
- src="https://i.imgur.com/SDyezJS.png"
- alt="MOHAMMED SIRAJ Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">MOHAMMED SIRAJ</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 10</li>
- <li>Inn: 2</li>
- <li>NO: 1</li>
- <li>Runs: 7</li>
- <li>HS: 5</li>
- <li>Avg: 7.00</li>
- <li>SR: 87.50</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 1</li>
- <li>6s: 0</li>
- <li>CT: 4</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage13"
- src="https://i.imgur.com/cLu1OgE.png"
- alt="SURYAKUMAR YADAV Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">SURYAKUMAR YADAV</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 60</li>
- <li>Inn: 57</li>
- <li>NO: 10</li>
- <li>Runs: 2141</li>
- <li>HS: 117</li>
- <li>Avg: 45.55</li>
- <li>SR: 171.55</li>
- <li>100’s: 4</li>
- <li>50’s: 17</li>
- <li>4s: 192</li>
- <li>6s: 123</li>
- <li>CT: 40</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage14"
- src="https://i.imgur.com/r3RcY7y.png"
- alt="SHUBMAN GILL Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">SHUBMAN GILL</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 14</li>
- <li>Inn: 14</li>
- <li>NO: 1</li>
- <li>Runs: 399</li>
- <li>HS: 126*</li>
- <li>Avg: 26.08</li>
- <li>SR: 149.34</li>
- <li>100’s: 1</li>
- <li>50’s: 1</li>
- <li>4s: 32</li>
- <li>6s: 16</li>
- <li>CT: 3</li>
- <li>ST: -</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage15"
- src="https://i.imgur.com/2OT8eHN.png"
- alt="UMESH YADAV Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">UMESH YADAV</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 9</li>
- <li>Inn: 2</li>
- <li>NO: 1</li>
- <li>Runs: 22</li>
- <li>HS: 20*</li>
- <li>Avg: 22.00</li>
- <li>SR: 104.76</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 2</li>
- <li>6s: 0</li>
- <li>CT: 3</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage16"
- src="https://i.imgur.com/ROWmLF6.png"
- alt="SHIKHAR DHAWAN Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">SHIKHAR DHAWAN</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 68</li>
- <li>Inn: 66</li>
- <li>NO: 3</li>
- <li>Runs: 1759</li>
- <li>HS: 92</li>
- <li>Avg: 27.92</li>
- <li>SR: 126.36</li>
- <li>100’s: 0</li>
- <li>50’s: 11</li>
- <li>4s: 191</li>
- <li>6s: 50</li>
- <li>CT: 19</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage17"
- src="https://i.imgur.com/uBLeYX3.png"
- alt="SHARDUL THAKUR Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">SHARDUL THAKUR</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 25</li>
- <li>Inn: 6</li>
- <li>NO: 3</li>
- <li>Runs: 69</li>
- <li>HS: 22*</li>
- <li>Avg: 23.00</li>
- <li>SR: 181.58</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 5</li>
- <li>6s: 4</li>
- <li>CT: 7</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage18"
- src="https://i.imgur.com/gPPehRW.png"
- alt="ISHAN KISHAN Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">ISHAN KISHAN</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 32</li>
- <li>Inn: 32</li>
- <li>NO: 1</li>
- <li>Runs: 796</li>
- <li>HS: 89</li>
- <li>Avg: 25.68</li>
- <li>SR: 124.37</li>
- <li>100’s: 0</li>
- <li>50’s: 6</li>
- <li>4s: 79</li>
- <li>6s: 36</li>
- <li>CT: 13</li>
- <li>ST: 3</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage19"
- src="https://i.imgur.com/odNnmzs.png"
- alt="DEEPAK HOODA Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">DEEPAK HOODA</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 21</li>
- <li>Inn: 17</li>
- <li>NO: 5</li>
- <li>Runs: 368</li>
- <li>HS: 104</li>
- <li>Avg: 30.67</li>
- <li>SR: 147.20</li>
- <li>100’s: 1</li>
- <li>50’s: 0</li>
- <li>4s: 29</li>
- <li>6s: 18</li>
- <li>CT: 15</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage20"
- src="https://i.imgur.com/JoU1C9Q.png"
- alt="YUZVENDRA CHAHAL Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">YUZVENDRA CHAHAL</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 80</li>
- <li>Inn: 6</li>
- <li>NO: 4</li>
- <li>Runs: 6</li>
- <li>HS: 3*</li>
- <li>Avg: 3.00</li>
- <li>SR: 46.15</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 0</li>
- <li>6s: 0</li>
- <li>CT: 15</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage21"
- src="https://i.imgur.com/UuSDy52.png"
- alt="KULDEEP YADAV Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">KULDEEP YADAV</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 35</li>
- <li>Inn: 7</li>
- <li>NO: 3</li>
- <li>Runs: 46</li>
- <li>HS: 23*</li>
- <li>Avg: 11.50</li>
- <li>SR: 77.97</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 2</li>
- <li>6s: 0</li>
- <li>CT: 10</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage22"
- src="https://i.imgur.com/3MhtZdi.png"
- alt="WASHINGTON SUNDAR Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">
- WASHINGTON SUNDAR
- </div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 42</li>
- <li>Inn: 15</li>
- <li>NO: 5</li>
- <li>Runs: 107</li>
- <li>HS: 50</li>
- <li>Avg: 10.70</li>
- <li>SR: 150.70</li>
- <li>100’s: 0</li>
- <li>50’s: 1</li>
- <li>4s: 10</li>
- <li>6s: 6</li>
- <li>CT: 13</li>
- <li>ST: 0</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage23"
- src="https://i.imgur.com/NFpTdDb.png"
- alt="SANJU SAMSON Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">SANJU SAMSON</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 25</li>
- <li>Inn: 22</li>
- <li>NO: 2</li>
- <li>Runs: 374</li>
- <li>HS: 77</li>
- <li>Avg: 18.70</li>
- <li>SR: 133.10</li>
- <li>100’s: 0</li>
- <li>50’s: 1</li>
- <li>4s: 31</li>
- <li>6s: 15</li>
- <li>CT: 14</li>
- <li>ST: 4</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td id="endoftable" style="text-align: center">
- <div style="margin-top: 10px">
- <img
- id="playerImage24"
- src="https://i.imgur.com/7ZP1XjU.png"
- alt="ARSHDEEP SINGH Image"
- style="width: 2.5cm; height: 2.5cm"
- />
- <div style="font-size: 20px; margin-top: 5px">ARSHDEEP SINGH</div>
- </div>
- </td>
- <td>
- <ul>
- <li>Matches: 43</li>
- <li>Inn: 11</li>
- <li>NO: 8</li>
- <li>Runs: 34</li>
- <li>HS: 12</li>
- <li>Avg: 11.33</li>
- <li>SR: 125.93</li>
- <li>100’s: 0</li>
- <li>50’s: 0</li>
- <li>4s: 3</li>
- <li>6s: 1</li>
- <li>CT: 12</li>
- <li>ST: -</li>
- </ul>
- </td>
- </tr>
- </table>
- <button
- id="floatingButton"
- style="position: fixed; bottom: 10px; left: 10px"
- >
- Switch
- </button>
- <script>
- document
- .getElementById("floatingButton")
- .addEventListener("click", () => {
- const body = document.body;
- if (body.style.backgroundColor === "lightgrey") {
- body.style.backgroundColor = "rgb(64, 228, 228)";
- body.style.backgroundImage = "none";
- } else {
- body.style.backgroundColor = "lightgrey";
- body.style.backgroundImage =
- "url('https://i.imgur.com/8ttb5FL.png')";
- }
- });
- setInterval(() => {
- const dateTimeElement = document.getElementById("dateTime");
- if (dateTimeElement) {
- const now = new Date();
- const date = now.toLocaleDateString();
- const time = now.toLocaleTimeString();
- dateTimeElement.innerText = `Date: ${date}\nTime: ${time}`;
- }
- }, 1000);
- </script>
- <a
- id="bottomOfTable"
- style="
- text-decoration: none;
- color: black;
- position: fixed;
- top: 10px;
- right: 10px;
- "
- href="#endoftable"
- >
- ⬇️
- </a>
- <a
- id="topOfTable"
- style="
- text-decoration: none;
- color: black;
- position: fixed;
- bottom: 10px;
- right: 10px;
- "
- href="#startoftable"
- >
- ⬆️
- </a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement