Favorite Songs
This is what we did in our first week (3 days) of comp sci
%%html
<!-- Head contains information to Support the Document -->
<head>
<!-- load jQuery and DataTables output style and scripts -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>var define = null;</script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
</head>
<!-- Body contains the contents of the Document -->
<body>
<table id="demo" class="table">
<thead>
<tr>
<th>Genre</th>
<th>Artist</th>
<th>Album</th>
<th>Song Name</th>
<th>Rating (/10)</th>
</tr>
</thead>
<tbody>
<tr>
<td>alt/r&b</td>
<td>cautious clay</td>
<td>Blood Type</td>
<td>Cold War</td>
<td>7/10</td>
</tr>
<tr>
<td>indie rock</td>
<td>tame impala</td>
<td>Currents</td>
<td>The Less I Know The Better</td>
<td>8/10</td>
</tr>
<tr>
<td>R&B</td>
<td>brent faiyaz</td>
<td>F*** the World</td>
<td>Clouded</td>
<td>8/10</td>
</tr>
<tr>
<td>alt/indie</td>
<td>dominic fike</td>
<td>Sunburn</td>
<td>Ant Pile</td>
<td>9/10</td>
</tr>
<tr>
<td>alt/indie</td>
<td>dominic fike</td>
<td>Dont Forget About Me, Demos</td>
<td>Babydoll</td>
<td>10/10</td>
</tr>
<tr>
<td>alt/indie</td>
<td>mac demarco</td>
<td>Heart to heart</td>
<td>here comes the cowboy</td>
<td>8/10</td>
</tr>
</tr>
</tbody>
</table>
</body>
<!-- Script is used to embed executable code -->
<script>
$("#demo").DataTable();
</script>
Genre | Artist | Album | Song Name | Rating (/10) |
---|---|---|---|---|
alt/r&b | cautious clay | Blood Type | Cold War | 7/10 |
indie rock | tame impala | Currents | The Less I Know The Better | 8/10 |
R&B | brent faiyaz | F*** the World | Clouded | 8/10 |
alt/indie | dominic fike | Sunburn | Ant Pile | 9/10 |
alt/indie | dominic fike | Don't Forget About Me, Demos | Babydoll | 10/10 |