Перепишите функцию, пожалуйста, чтобы при нажатии на ячейку с числом код пробегает по всем ячейкам таблицы и выдаёт количество ячеек содержащих данное число. И подкрашивает эти ячейки в другой цвет.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatable" content="ie=edge">
<title>Document</title>
</head>
<body>
<style>
table, tr, td{
border: 1px solid;
border-collapse: collapse;
}
</style>
<table id="myTable">
<tr>
<td>string</td>
<td>4</td>
</tr>
<tr>
<td>string</td>
<td>4</td>
</tr>
<tr>
<td>string</td>
<td>4</td>
</tr>
<tr>
<td>string</td>
<td>10</td>
</tr>
<tr>
<td>string</td>
<td>12</td>
</tr>
<tr>
<td>string</td>
<td>4</td>
</tr>
<tr>
<td>string</td>
<td>4</td>
</tr>
</table>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
alert(document.getElementById("myTable").rows[2].cells[1].innerHTML);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatable" content="ie=edge">
<title>Document</title>
</head>
<html>
<head>
<style>
table,
td {
border: 1px solid black;
}
</style>
</head>
<body>
<table id="position1">
<tr>
<td onclick="runM(this)">TL</td>
<td onclick="runM(this)">TC</td>
<td onclick="runM(this)">TR</td>
</tr>
</table>
<script>
function runM(txt){
console.log(txt.cellIndex);
}
</script>
</body>
</html>
