Приветсвую, есть следующий код:
var mili = 0.0;
var time = document.getElementById("time");
function plusMil() {
mili += 0.01;
time.innerHTML = Math.floor(mili * 100) / 100;
}
let interval;
const cells = Array.from(document.querySelectorAll("td"));
let nums = Array.from(Array(50).keys()).map((el) => el + 1);
let f = 0;
cells.forEach((cell) => {
const i = Math.floor(Math.random() * (25 - f));
cell.textContent = nums[i];
nums.splice(i, 1);
f++;
});
let current = 1;
document.querySelector("table").addEventListener("click", function (event) {
const td = event.target.closest("td");
if (+td.textContent !== current) {
return;
} else {
const i = nums.indexOf(+td.textContent);
if (i !== -1) {
nums.splice(0, 1);
}
if (+td.textContent == 1) {
interval = setInterval(plusMil, 10);
}
if (+td.textContent == 50) {
clearInterval(interval);
return;
}
const m = Math.floor(Math.random() * nums.length);
td.textContent = nums[m];
nums.splice(m, 1);
current++;
}
});
|
Код:
|
<!DOCTYPE html>
<html lang="en">
<head>
<link href="css/style.css" rel="stylesheet">
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div class="zone">
<div id="time">0.000</div>
<a href="index.html">restart</a>
</div>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
<script src="js/script.js"></script> |
Проблема в том, что последняя цифра (т.е 50) не исчезает при нажатии на неё, и я никак не могу понять в чем проблема. Может быть вы поможете мне решить данную задачку?