<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no">
<style>
input,
button {
font: inherit;
}
.txt {
width: 36ch;
display: none;
}
.rad {
width: 2ch;
}
.num {
width: 4ch;
display: none;
}
button {
width: 9ch;
}
th {
border-bottom: 5px ridge #8080FF
}
td:nth-of-type(2) {
text-align: left;
}
td {
border-bottom: 2px ridge #C4C4FF;
padding: 0 5px;
text-align: center;
}
#rad1:checked+.txt {
display: inline-block;
}
#rad2:checked+.num {
display: inline-block;
}
#out1 {
font: 400 40px/1.2 "Palatino Linotype";
font-variant: small-caps;
color: #00F;
border: 3px solid blue;
display: inline-table;
max-width: 100%;
height: 200px;
width: 100%;
}
#nbaCanvas {
border: 3px solid red;
display: inline-table;
width: 100%;
height: 200px
}
#form1 {
display: inline-block;
float: right;
width: 70%;
}
.teamRanks {
width: 25%;
float: left;
display: inline-table;
}
</style>
</head>
<body>
<table class='stats'>
<thead>
<tr>
<th data-field="RANK" class='rank'>RANK</th>
<th data-field="TEAM_NAME" class="team">TEAM</th>
<th data-field="GP">GP</th>
<th data-field="W">W</th>
<th data-field="L">L</th>
<th data-field="W_PCT">WIN%</th>
<th data-field="MIN">MIN</th>
<th data-field="PTS">PTS</th>
<th data-field="FGM">FGM</th>
<th data-field="FGA">FGA</th>
<th data-field="FG_PCT">FG%</th>
<th data-field="FG3M">3PM</th>
<th data-field="FG3A">3PA</th>
<th data-field="FG3_PCT">3P%</th>
<th data-field="FTM">FTM</th>
<th data-field="FTA">FTA</th>
<th data-field="FT_PCT">FT%</th>
<th data-field="OREB">OREB</th>
<th data-field="DREB">DREB</th>
<th data-field="REB">REB</th>
<th data-field="AST">AST</th>
<th data-field="TOV">TOV</th>
<th data-field="STL">STL</th>
<th data-field="BLK">BLK</th>
<th data-field="BLKA">BLKA</th>
<th data-field="PF">PF</th>
<th data-field="PFD">PFD</th>
</tr>
</thead>
<tbody>
<tr index="0">
<td class='rank'>1</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612744/traditional/">Golden State Warriors</a></td>
<td>75</td>
<td>61</td>
<td>14</td>
<td>.813</td>
<td>48.3</td>
<td>115.8</td>
<td>42.9</td>
<td>86.9</td>
<td>49.4</td>
<td>12.0</td>
<td>31.2</td>
<td>38.4</td>
<td>17.9</td>
<td>22.8</td>
<td>78.9</td>
<td>9.3</td>
<td>35.1</td>
<td>44.4</td>
<td>30.5</td>
<td>14.8</td>
<td>9.7</td>
<td>6.6</td>
<td>3.9</td>
<td>19.4</td>
<td>19.5</td>
<td>11.6</td>
</tr>
<tr index="1">
<td class='rank'>2</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612759/traditional/">San Antonio Spurs</a></td>
<td>74</td>
<td>57</td>
<td>17</td>
<td>.770</td>
<td>48.3</td>
<td>106.1</td>
<td>39.5</td>
<td>83.6</td>
<td>47.2</td>
<td>9.1</td>
<td>23.4</td>
<td>39.1</td>
<td>18.1</td>
<td>22.5</td>
<td>80.3</td>
<td>9.9</td>
<td>33.9</td>
<td>43.9</td>
<td>24.0</td>
<td>13.4</td>
<td>8.1</td>
<td>5.9</td>
<td>3.9</td>
<td>18.4</td>
<td>20.1</td>
<td>7.9</td>
</tr>
<tr index="2">
<td class='rank'>3</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612745/traditional/">Houston Rockets</a></td>
<td>75</td>
<td>51</td>
<td>24</td>
<td>.680</td>
<td>48.3</td>
<td>115.5</td>
<td>40.4</td>
<td>87.0</td>
<td>46.4</td>
<td>14.4</td>
<td>40.1</td>
<td>36.0</td>
<td>20.3</td>
<td>26.5</td>
<td>76.8</td>
<td>10.8</td>
<td>33.3</td>
<td>44.1</td>
<td>25.3</td>
<td>15.2</td>
<td>8.4</td>
<td>4.3</td>
<td>5.0</td>
<td>20.1</td>
<td>20.5</td>
<td>6.5</td>
</tr>
<tr index="3">
<td class='rank'>4</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612738/traditional/">Boston Celtics</a></td>
<td>75</td>
<td>48</td>
<td>27</td>
<td>.640</td>
<td>48.2</td>
<td>107.7</td>
<td>38.6</td>
<td>85.1</td>
<td>45.3</td>
<td>11.9</td>
<td>33.1</td>
<td>36.1</td>
<td>18.6</td>
<td>22.9</td>
<td>81.2</td>
<td>9.2</td>
<td>32.7</td>
<td>41.9</td>
<td>25.0</td>
<td>13.4</td>
<td>7.6</td>
<td>4.2</td>
<td>5.2</td>
<td>20.5</td>
<td>20.2</td>
<td>2.6</td>
</tr>
<tr index="4">
<td class='rank'>5</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612739/traditional/">Cleveland Cavaliers</a></td>
<td>74</td>
<td>47</td>
<td>27</td>
<td>.635</td>
<td>48.3</td>
<td>109.8</td>
<td>39.7</td>
<td>84.5</td>
<td>46.9</td>
<td>12.9</td>
<td>33.5</td>
<td>38.5</td>
<td>17.6</td>
<td>23.5</td>
<td>74.7</td>
<td>9.3</td>
<td>34.1</td>
<td>43.4</td>
<td>22.4</td>
<td>13.6</td>
<td>6.6</td>
<td>4.0</td>
<td>4.4</td>
<td>18.0</td>
<td>20.6</td>
<td>3.1</td>
</tr>
<tr index="5">
<td class='rank'>6</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612764/traditional/">Washington Wizards</a></td>
<td>75</td>
<td>46</td>
<td>29</td>
<td>.613</td>
<td>48.5</td>
<td>109.5</td>
<td>41.4</td>
<td>87.3</td>
<td>47.5</td>
<td>9.2</td>
<td>24.7</td>
<td>37.2</td>
<td>17.5</td>
<td>22.3</td>
<td>78.4</td>
<td>10.3</td>
<td>32.7</td>
<td>43.1</td>
<td>24.0</td>
<td>14.1</td>
<td>8.5</td>
<td>4.1</td>
<td>4.6</td>
<td>21.5</td>
<td>20.0</td>
<td>2.3</td>
</tr>
<tr index="6">
<td class='rank'>7</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612762/traditional/">Utah Jazz</a></td>
<td>75</td>
<td>46</td>
<td>29</td>
<td>.613</td>
<td>48.2</td>
<td>100.6</td>
<td>36.8</td>
<td>79.4</td>
<td>46.4</td>
<td>9.5</td>
<td>26.0</td>
<td>36.7</td>
<td>17.4</td>
<td>23.1</td>
<td>75.2</td>
<td>9.5</td>
<td>33.9</td>
<td>43.4</td>
<td>19.8</td>
<td>13.7</td>
<td>6.7</td>
<td>4.9</td>
<td>3.8</td>
<td>18.9</td>
<td>20.3</td>
<td>4.0</td>
</tr>
<tr index="7">
<td class='rank'>8</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612761/traditional/">Toronto Raptors</a></td>
<td>75</td>
<td>45</td>
<td>30</td>
<td>.600</td>
<td>48.3</td>
<td>107.2</td>
<td>39.2</td>
<td>84.5</td>
<td>46.3</td>
<td>8.8</td>
<td>24.3</td>
<td>36.4</td>
<td>20.0</td>
<td>25.0</td>
<td>79.9</td>
<td>10.7</td>
<td>32.6</td>
<td>43.3</td>
<td>18.3</td>
<td>12.6</td>
<td>8.2</td>
<td>5.0</td>
<td>4.8</td>
<td>21.0</td>
<td>20.5</td>
<td>4.1</td>
</tr>
<tr index="8">
<td class='rank'>9</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612746/traditional/">LA Clippers</a></td>
<td>77</td>
<td>46</td>
<td>31</td>
<td>.597</td>
<td>48.2</td>
<td>108.4</td>
<td>39.4</td>
<td>83.4</td>
<td>47.3</td>
<td>10.3</td>
<td>27.4</td>
<td>37.5</td>
<td>19.3</td>
<td>25.9</td>
<td>74.3</td>
<td>9.1</td>
<td>33.9</td>
<td>43.0</td>
<td>22.4</td>
<td>13.1</td>
<td>7.4</td>
<td>4.3</td>
<td>3.2</td>
<td>20.0</td>
<td>22.4</td>
<td>3.5</td>
</tr>
<tr index="9">
<td class='rank'>10</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612760/traditional/">Oklahoma City Thunder</a></td>
<td>74</td>
<td>43</td>
<td>31</td>
<td>.581</td>
<td>48.3</td>
<td>107.1</td>
<td>39.6</td>
<td>87.3</td>
<td>45.4</td>
<td>8.4</td>
<td>25.7</td>
<td>32.7</td>
<td>19.3</td>
<td>26.1</td>
<td>74.2</td>
<td>12.0</td>
<td>34.4</td>
<td>46.4</td>
<td>21.1</td>
<td>15.0</td>
<td>8.0</td>
<td>5.0</td>
<td>5.4</td>
<td>20.9</td>
<td>20.9</td>
<td>0.9</td>
</tr>
<tr index="10">
<td class='rank'>11</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612763/traditional/">Memphis Grizzlies</a></td>
<td>75</td>
<td>41</td>
<td>34</td>
<td>.547</td>
<td>48.5</td>
<td>100.9</td>
<td>36.4</td>
<td>84.0</td>
<td>43.3</td>
<td>9.3</td>
<td>26.5</td>
<td>34.9</td>
<td>18.8</td>
<td>24.0</td>
<td>78.4</td>
<td>11.0</td>
<td>32.0</td>
<td>43.0</td>
<td>21.1</td>
<td>12.8</td>
<td>8.1</td>
<td>4.1</td>
<td>5.1</td>
<td>22.8</td>
<td>21.2</td>
<td>0.7</td>
</tr>
<tr index="11">
<td class='rank'>12</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612749/traditional/">Milwaukee Bucks</a></td>
<td>75</td>
<td>39</td>
<td>36</td>
<td>.520</td>
<td>48.2</td>
<td>104.6</td>
<td>39.2</td>
<td>82.1</td>
<td>47.7</td>
<td>8.7</td>
<td>23.4</td>
<td>37.1</td>
<td>17.5</td>
<td>22.7</td>
<td>77.0</td>
<td>8.9</td>
<td>31.4</td>
<td>40.4</td>
<td>24.3</td>
<td>13.8</td>
<td>8.2</td>
<td>5.4</td>
<td>4.7</td>
<td>20.3</td>
<td>19.5</td>
<td>0.4</td>
</tr>
<tr index="12">
<td class='rank'>13</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612737/traditional/">Atlanta Hawks</a></td>
<td>75</td>
<td>39</td>
<td>36</td>
<td>.520</td>
<td>48.5</td>
<td>102.9</td>
<td>38.0</td>
<td>84.3</td>
<td>45.0</td>
<td>8.8</td>
<td>25.8</td>
<td>33.9</td>
<td>18.2</td>
<td>25.1</td>
<td>72.5</td>
<td>10.3</td>
<td>33.9</td>
<td>44.3</td>
<td>23.3</td>
<td>15.8</td>
<td>8.3</td>
<td>5.0</td>
<td>5.3</td>
<td>18.1</td>
<td>21.8</td>
<td>-1.2</td>
</tr>
<tr index="13">
<td class='rank'>14</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612748/traditional/">Miami Heat</a></td>
<td>75</td>
<td>37</td>
<td>38</td>
<td>.493</td>
<td>48.2</td>
<td>102.8</td>
<td>39.0</td>
<td>85.8</td>
<td>45.5</td>
<td>9.7</td>
<td>26.9</td>
<td>36.3</td>
<td>15.0</td>
<td>21.3</td>
<td>70.3</td>
<td>10.7</td>
<td>33.0</td>
<td>43.7</td>
<td>21.2</td>
<td>13.4</td>
<td>7.2</td>
<td>5.7</td>
<td>4.9</td>
<td>20.6</td>
<td>18.6</td>
<td>0.9</td>
</tr>
<tr index="14">
<td class='rank'>15</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612757/traditional/">Portland Trail Blazers</a></td>
<td>75</td>
<td>37</td>
<td>38</td>
<td>.493</td>
<td>48.7</td>
<td>108.3</td>
<td>39.7</td>
<td>86.0</td>
<td>46.2</td>
<td>10.2</td>
<td>27.4</td>
<td>37.3</td>
<td>18.6</td>
<td>24.0</td>
<td>77.6</td>
<td>10.1</td>
<td>33.8</td>
<td>43.9</td>
<td>21.4</td>
<td>14.0</td>
<td>7.0</td>
<td>5.0</td>
<td>5.2</td>
<td>21.4</td>
<td>19.9</td>
<td>-0.7</td>
</tr>
<tr index="15">
<td class='rank'>16</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612754/traditional/">Indiana Pacers</a></td>
<td>75</td>
<td>37</td>
<td>38</td>
<td>.493</td>
<td>48.3</td>
<td>104.3</td>
<td>38.9</td>
<td>84.2</td>
<td>46.2</td>
<td>8.5</td>
<td>22.7</td>
<td>37.3</td>
<td>18.0</td>
<td>22.2</td>
<td>80.8</td>
<td>8.9</td>
<td>32.9</td>
<td>41.9</td>
<td>22.3</td>
<td>13.8</td>
<td>8.2</td>
<td>5.1</td>
<td>5.1</td>
<td>19.6</td>
<td>19.5</td>
<td>-1.0</td>
</tr>
<tr index="16">
<td class='rank'>17</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612741/traditional/">Chicago Bulls</a></td>
<td>75</td>
<td>36</td>
<td>39</td>
<td>.480</td>
<td>48.3</td>
<td>102.4</td>
<td>38.5</td>
<td>86.9</td>
<td>44.3</td>
<td>7.3</td>
<td>21.9</td>
<td>33.3</td>
<td>18.2</td>
<td>23.0</td>
<td>79.2</td>
<td>12.4</td>
<td>33.6</td>
<td>45.9</td>
<td>22.3</td>
<td>13.5</td>
<td>7.8</td>
<td>4.8</td>
<td>4.6</td>
<td>17.7</td>
<td>19.0</td>
<td>-0.8</td>
</tr>
<tr index="17">
<td class='rank'>18</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612743/traditional/">Denver Nuggets</a></td>
<td>74</td>
<td>35</td>
<td>39</td>
<td>.473</td>
<td>48.2</td>
<td>111.4</td>
<td>41.0</td>
<td>87.6</td>
<td>46.8</td>
<td>10.5</td>
<td>28.5</td>
<td>36.9</td>
<td>19.0</td>
<td>24.5</td>
<td>77.3</td>
<td>12.1</td>
<td>34.2</td>
<td>46.3</td>
<td>25.1</td>
<td>15.1</td>
<td>6.9</td>
<td>3.9</td>
<td>4.8</td>
<td>19.3</td>
<td>20.3</td>
<td>0.1</td>
</tr>
<tr index="18">
<td class='rank'>19</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612765/traditional/">Detroit Pistons</a></td>
<td>76</td>
<td>35</td>
<td>41</td>
<td>.461</td>
<td>48.3</td>
<td>101.0</td>
<td>39.7</td>
<td>88.3</td>
<td>44.9</td>
<td>7.5</td>
<td>23.0</td>
<td>32.8</td>
<td>14.1</td>
<td>19.6</td>
<td>72.2</td>
<td>10.9</td>
<td>34.6</td>
<td>45.5</td>
<td>21.0</td>
<td>11.9</td>
<td>7.0</td>
<td>3.9</td>
<td>4.1</td>
<td>17.9</td>
<td>17.6</td>
<td>-1.3</td>
</tr>
<tr index="19">
<td class='rank'>20</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612766/traditional/">Charlotte Hornets</a></td>
<td>75</td>
<td>34</td>
<td>41</td>
<td>.453</td>
<td>48.4</td>
<td>105.2</td>
<td>37.9</td>
<td>85.7</td>
<td>44.2</td>
<td>10.1</td>
<td>28.7</td>
<td>35.3</td>
<td>19.3</td>
<td>23.7</td>
<td>81.2</td>
<td>8.9</td>
<td>35.1</td>
<td>44.0</td>
<td>23.3</td>
<td>11.5</td>
<td>6.8</td>
<td>4.7</td>
<td>5.6</td>
<td>16.7</td>
<td>20.1</td>
<td>0.8</td>
</tr>
<tr index="20">
<td class='rank'>21</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612740/traditional/">New Orleans Pelicans</a></td>
<td>75</td>
<td>32</td>
<td>43</td>
<td>.427</td>
<td>48.6</td>
<td>103.9</td>
<td>38.9</td>
<td>86.7</td>
<td>44.8</td>
<td>9.5</td>
<td>26.8</td>
<td>35.4</td>
<td>16.7</td>
<td>22.4</td>
<td>74.5</td>
<td>8.6</td>
<td>35.6</td>
<td>44.2</td>
<td>22.6</td>
<td>13.0</td>
<td>7.7</td>
<td>5.6</td>
<td>4.3</td>
<td>18.4</td>
<td>19.4</td>
<td>-1.9</td>
</tr>
<tr index="21">
<td class='rank'>22</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612742/traditional/">Dallas Mavericks</a></td>
<td>74</td>
<td>31</td>
<td>43</td>
<td>.419</td>
<td>48.3</td>
<td>98.0</td>
<td>36.3</td>
<td>82.3</td>
<td>44.1</td>
<td>10.6</td>
<td>29.5</td>
<td>35.9</td>
<td>14.9</td>
<td>18.5</td>
<td>80.2</td>
<td>7.8</td>
<td>30.6</td>
<td>38.4</td>
<td>20.6</td>
<td>11.8</td>
<td>7.6</td>
<td>3.7</td>
<td>3.5</td>
<td>19.2</td>
<td>19.6</td>
<td>-2.4</td>
</tr>
<tr index="22">
<td class='rank'>23</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612750/traditional/">Minnesota Timberwolves</a></td>
<td>74</td>
<td>30</td>
<td>44</td>
<td>.405</td>
<td>48.3</td>
<td>105.2</td>
<td>39.3</td>
<td>84.2</td>
<td>46.7</td>
<td>7.5</td>
<td>21.3</td>
<td>35.2</td>
<td>19.1</td>
<td>24.0</td>
<td>79.5</td>
<td>11.5</td>
<td>30.9</td>
<td>42.4</td>
<td>23.5</td>
<td>14.2</td>
<td>8.0</td>
<td>4.6</td>
<td>4.9</td>
<td>20.2</td>
<td>20.5</td>
<td>-0.7</td>
</tr>
<tr index="23">
<td class='rank'>24</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612758/traditional/">Sacramento Kings</a></td>
<td>75</td>
<td>29</td>
<td>46</td>
<td>.387</td>
<td>48.5</td>
<td>102.3</td>
<td>37.6</td>
<td>82.0</td>
<td>45.9</td>
<td>9.0</td>
<td>24.2</td>
<td>37.2</td>
<td>18.0</td>
<td>23.3</td>
<td>77.5</td>
<td>8.7</td>
<td>32.0</td>
<td>40.7</td>
<td>22.3</td>
<td>14.6</td>
<td>7.8</td>
<td>4.0</td>
<td>5.1</td>
<td>20.5</td>
<td>20.3</td>
<td>-4.0</td>
</tr>
<tr index="24">
<td class='rank'>25</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612752/traditional/">New York Knicks</a></td>
<td>75</td>
<td>28</td>
<td>47</td>
<td>.373</td>
<td>48.5</td>
<td>104.8</td>
<td>39.7</td>
<td>88.7</td>
<td>44.7</td>
<td>8.7</td>
<td>24.8</td>
<td>35.2</td>
<td>16.8</td>
<td>21.2</td>
<td>79.0</td>
<td>11.9</td>
<td>33.6</td>
<td>45.5</td>
<td>21.7</td>
<td>13.9</td>
<td>7.0</td>
<td>5.7</td>
<td>4.6</td>
<td>20.5</td>
<td>18.5</td>
<td>-3.6</td>
</tr>
<tr index="25">
<td class='rank'>26</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612755/traditional/">Philadelphia 76ers</a></td>
<td>75</td>
<td>28</td>
<td>47</td>
<td>.373</td>
<td>48.4</td>
<td>102.3</td>
<td>37.7</td>
<td>85.3</td>
<td>44.2</td>
<td>10.2</td>
<td>29.5</td>
<td>34.4</td>
<td>16.8</td>
<td>21.9</td>
<td>76.8</td>
<td>9.7</td>
<td>33.4</td>
<td>43.1</td>
<td>23.8</td>
<td>16.7</td>
<td>8.4</td>
<td>5.3</td>
<td>5.4</td>
<td>22.0</td>
<td>19.7</td>
<td>-5.2</td>
</tr>
<tr index="26">
<td class='rank'>27</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612753/traditional/">Orlando Magic</a></td>
<td>75</td>
<td>27</td>
<td>48</td>
<td>.360</td>
<td>48.3</td>
<td>100.6</td>
<td>38.2</td>
<td>86.8</td>
<td>44.0</td>
<td>8.4</td>
<td>25.9</td>
<td>32.3</td>
<td>15.8</td>
<td>21.4</td>
<td>73.7</td>
<td>9.9</td>
<td>33.2</td>
<td>43.2</td>
<td>21.9</td>
<td>13.3</td>
<td>7.0</td>
<td>4.9</td>
<td>5.2</td>
<td>19.3</td>
<td>18.9</td>
<td>-6.1</td>
</tr>
<tr index="27">
<td class='rank'>28</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612756/traditional/">Phoenix Suns</a></td>
<td>76</td>
<td>22</td>
<td>54</td>
<td>.289</td>
<td>48.4</td>
<td>107.1</td>
<td>39.6</td>
<td>88.2</td>
<td>45.0</td>
<td>7.5</td>
<td>22.6</td>
<td>33.4</td>
<td>20.3</td>
<td>26.1</td>
<td>77.6</td>
<td>11.6</td>
<td>33.0</td>
<td>44.6</td>
<td>19.4</td>
<td>15.5</td>
<td>8.2</td>
<td>4.8</td>
<td>5.4</td>
<td>24.9</td>
<td>22.2</td>
<td>-5.8</td>
</tr>
<tr index="28">
<td class='rank'>29</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612747/traditional/">Los Angeles Lakers</a></td>
<td>75</td>
<td>21</td>
<td>54</td>
<td>.280</td>
<td>48.1</td>
<td>104.7</td>
<td>39.2</td>
<td>87.3</td>
<td>44.9</td>
<td>9.1</td>
<td>26.2</td>
<td>34.8</td>
<td>17.2</td>
<td>22.7</td>
<td>75.7</td>
<td>11.3</td>
<td>32.2</td>
<td>43.5</td>
<td>20.8</td>
<td>15.2</td>
<td>7.9</td>
<td>4.0</td>
<td>5.3</td>
<td>20.9</td>
<td>18.7</td>
<td>-7.6</td>
</tr>
<tr index="29">
<td class='rank'>30</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612751/traditional/">Brooklyn Nets</a></td>
<td>75</td>
<td>16</td>
<td>59</td>
<td>.213</td>
<td>48.2</td>
<td>105.7</td>
<td>37.8</td>
<td>85.1</td>
<td>44.4</td>
<td>10.8</td>
<td>31.6</td>
<td>34.2</td>
<td>19.3</td>
<td>24.6</td>
<td>78.4</td>
<td>8.9</td>
<td>35.0</td>
<td>43.8</td>
<td>21.2</td>
<td>16.6</td>
<td>7.0</td>
<td>4.7</td>
<td>5.7</td>
<td>21.4</td>
<td>20.5</td>
<td>-7.2</td>
</tr>
</tbody>
</table>
<hr>
<table class='teamRanks'>
<thead>
<tr>
<th data-field="RANK" class='ranks'>RANK</th>
<th data-field="TEAM_NAME" class="teams">TEAM</th>
</tr>
</thead>
<tbody>
<tr index="0">
<td class='rank'>1</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612744/traditional/">Golden State Warriors</a></td>
</tr>
<tr index="1">
<td class='rank'>2</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612759/traditional/">San Antonio Spurs</a></td>
</tr>
<tr index="2">
<td class='rank'>3</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612745/traditional/">Houston Rockets</a></td>
</tr>
<tr index="3">
<td class='rank'>4</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612738/traditional/">Boston Celtics</a></td>
</tr>
<tr index="4">
<td class='rank'>5</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612739/traditional/">Cleveland Cavaliers</a></td>
</tr>
<tr index="5">
<td class='rank'>6</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612764/traditional/">Washington Wizards</a></td>
</tr>
<tr index="6">
<td class='rank'>7</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612762/traditional/">Utah Jazz</a></td>
</tr>
<tr index="7">
<td class='rank'>8</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612761/traditional/">Toronto Raptors</a></td>
</tr>
<tr index="8">
<td class='rank'>9</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612746/traditional/">LA Clippers</a></td>
</tr>
<tr index="9">
<td class='rank'>10</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612760/traditional/">Oklahoma City Thunder</a></td>
</tr>
<tr index="10">
<td class='rank'>11</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612763/traditional/">Memphis Grizzlies</a></td>
</tr>
<tr index="11">
<td class='rank'>12</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612749/traditional/">Milwaukee Bucks</a></td>
</tr>
<tr index="12">
<td class='rank'>13</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612737/traditional/">Atlanta Hawks</a></td>
</tr>
<tr index="13">
<td class='rank'>14</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612748/traditional/">Miami Heat</a></td>
</tr>
<tr index="14">
<td class='rank'>15</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612757/traditional/">Portland Trail Blazers</a></td>
</tr>
<tr index="15">
<td class='rank'>16</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612754/traditional/">Indiana Pacers</a></td>
</tr>
<tr index="16">
<td class='rank'>17</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612741/traditional/">Chicago Bulls</a></td>
</tr>
<tr index="17">
<td class='rank'>18</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612743/traditional/">Denver Nuggets</a></td>
</tr>
<tr index="18">
<td class='rank'>19</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612765/traditional/">Detroit Pistons</a></td>
</tr>
<tr index="19">
<td class='rank'>20</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612766/traditional/">Charlotte Hornets</a></td>
</tr>
<tr index="20">
<td class='rank'>21</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612740/traditional/">New Orleans Pelicans</a></td>
</tr>
<tr index="21">
<td class='rank'>22</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612742/traditional/">Dallas Mavericks</a></td>
</tr>
<tr index="22">
<td class='rank'>23</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612750/traditional/">Minnesota Timberwolves</a></td>
</tr>
<tr index="23">
<td class='rank'>24</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612758/traditional/">Sacramento Kings</a></td>
</tr>
<tr index="24">
<td class='rank'>25</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612752/traditional/">New York Knicks</a></td>
</tr>
<tr index="25">
<td class='rank'>26</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612755/traditional/">Philadelphia 76ers</a></td>
</tr>
<tr index="26">
<td class='rank'>27</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612753/traditional/">Orlando Magic</a></td>
</tr>
<tr index="27">
<td class='rank'>28</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612756/traditional/">Phoenix Suns</a></td>
</tr>
<tr index="28">
<td class='rank'>29</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612747/traditional/">Los Angeles Lakers</a></td>
</tr>
<tr index="29">
<td class='rank'>30</td>
<td class='team'><a href="http://stats.nba.com/team/#!/1610612751/traditional/">Brooklyn Nets</a></td>
</tr>
</tbody>
</table>
<form id='form1' name='form1' tab-index='1'>
<label for='rad1'>TEAM
<input id='rad1' name='rad' class='rad' type='radio'>
<input id='inp1' name='inp1' class='txt' type='text'>
</label>
<label for='rad2'>RANK
<input id='rad2' name='rad' class='rad' type='radio'>
<input id='inp2' name='inp2' class='num' type='number' min='1' max='30'>
</label>
<button id='btn1'>SEARCH</button>
<br>
<br>
<canvas id='nbaCanvas'></canvas>
<output id='out1'></output>
</form>
<script>
document.getElementById('btn1').addEventListener('click', function(e) {
e.preventDefault();
var chx = document.querySelector('.rad:checked');
var txt = document.querySelector('#inp1');
var num = document.querySelector('#inp2');
var data = (chx.id === 'rad1') ? 'String' : 'Number';
console.log('dataIn: ' + data);
//display(data);
nbaStats(data);
}, false);
function display(data) {
console.log('dataPassed: ' + data);
var result = nbaStats(data);
console.log('result: ' + result);
var canvas = document.getElementById('nbaCanvas');
var ctx = canvas.getContext('2d');
ctx.fillStyle = 'black';
ctx.font = "40px Arial";
ctx.fillText(result.toString(), 0, 0);
}
function nbaStats(data) {
var key, cols, idx = 0;
if (data === 'String') {
key = titleCase(document.querySelector('#inp1').value);
console.log('key: ' + key);
var teams = Array.from(document.querySelectorAll('.stats .team'));
teams.forEach(function(team, i) {
var name = team.textContent;
if (name === key) {
idx = parseInt(i, 10);
}
});
} else if (data === 'Number') {
key = parseInt(document.querySelector('#inp2').value, 10);
console.log('key: ' + key);
idx = parseInt(key, 10);
} else {
idx = 0;
}
console.log('idx: ' + idx);
var ROW = document.querySelectorAll('.stats tr')[idx];
var CELLS = Array.from(ROW.querySelectorAll('td'));
var stats = CELLS.map(function(cell, i) {
var stat = cell.textContent;
return stat;
});
var result = stats.join();
document.getElementById('out1').textContent = result;
return result.toString();
}
function titleCase(str) {
return str.replace(/\w\S*/g, function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
});
}
</script>
</body>
</html>
<!-- end snippet -->
// Code goes here
/* Styles go here */