How to use javascript to decorate a cell in html?
I have this table in html
<table border="1" width="300" height="200">
<tr>
<td id="11"><</td>
<td id="12"></td>
<td id="13"></td>
<td id="14"></td>
<td id="15"></td>
<td id="16"></td>
<td id="17"></td>
<td id="18"></td>
<td id="19"></td>
<td id="20"></td>
</tr>
</table>
<style>
table {
border-collapse: collapse;
}
td {
border: 1px solid grey;>
}
</style>
I want to conditionally get cell id 11, and paint it black
I tried to do it on JS, but nothing worked
function bthClick(){
let table = document.querySelectorAll('td id')
table[11].style.color = 'dark'
}