index.html

<table>
    <tr>
        <td>
            <img src='doctor.png' id='доктор'>
        </td>
        <td>
            <img src='virus.jpg' id='вирус'>
        </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>
    <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
    </tr>


</table>

<div>
    Осталось вирусов: <span id='count'>40</span>
</div>
<div>
    Время: <span id='timer'>60</span>
</div>
<audio src='shot.mp3' id='shot'></audio>
<audio src='game-over.mp3' id='gameOver'></audio>
<audio src='winner.mp3' id='winner'></audio>

<script>
    function randomInteger(min, max) {
        // получить случайное число от (min-0.5) до (max+0.5)
        let rand = min - 0.5 + Math.random() * (max - min + 1);
        return Math.round(rand);
    }

    var interval = setInterval(function () {
        timer.innerText--

        // если добежали до 0, то мы проиграли
        if (timer.innerText === '0') {
            gameOver.play()
            доктор.remove()
            window.onkeydown = null
            clearInterval(interval)
        }
        // значит нужно вопроизвести gameOver
        // нужно перестать реагировать на клавиши
        // удалить доктора  
    }, 1000);

    var докторИкс = 1
    var докторИгрек = 1
    var докторИндекс = 0

    var вирусИкс = 2
    var вирусИгрек = 1
    var вирусИндекс = 1


    // просим документ найти все теги td и записываем их в переменную 'ячейки' 
    var ячейки = document.getElementsByTagName('td')
    // считаем кол-во ячеек
    var количествоЯчеек = ячейки.length
    // находим все строки
    var строки = document.getElementsByTagName('tr')
    // считаем кол-во всех строк
    var количествоСтрок = строки.length
    // подсчитываем кол-во столбцов
    var количествоСтолбиков = количествоЯчеек / количествоСтрок


    function докторИди() {
        // по супер формуле подсчитываем индекс доктора на основе его x и y
        докторИндекс = (докторИгрек - 1) * количествоСтолбиков + (докторИкс - 1)
        // достаём из массива 'ячейки' ячейку с индексом доктора
        var ячейкаДляДоктора = ячейки[докторИндекс]
        // говорим: ячейка, положи внутрь себя доктора
        ячейкаДляДоктора.append(доктор)

        // если доктор в той же ячейке, что и вирус - выстрел 
        if (докторИндекс === вирусИндекс) {
            shot.currentTime = 0;
            shot.play()
            count.innerText--

            // если после уменьшения, у нас осталось 0 вирусов, то мы
            // победили
            if (count.innerText === '0') {
                winner.play();
                // убиваем вирус
                вирус.remove();
                // не хотим, чтобы доктор двигался
                window.onkeydown = null
                clearInterval(interval)
            } else {
                // а если вирусы ещё остались - даём команду вирусу: ИДИ
                вирусИди();
            }
        }
    }
    function вирусИди() {
        while (вирусИкс === докторИкс && вирусИгрек === докторИгрек) {
            вирусИкс = randomInteger(1, количествоСтолбиков)
            вирусИгрек = randomInteger(1, количествоСтрок)
        }

        // по супер формуле подсчитываем индекс вируса на основе его x и y
        вирусИндекс = (вирусИгрек - 1) * количествоСтолбиков + (вирусИкс - 1)
        // достаём из массива 'ячейки' ячейку с индексом вируса
        var ячейкаДляВируса = ячейки[вирусИндекс]
        // говорим: ячейка, положи внутрь себя доктора
        ячейкаДляВируса.append(вирус)
    }


    window.onkeydown = function (событие) {
        if (событие.code === 'ArrowDown') {
            if (докторИгрек < количествоСтрок) {
                докторИгрек = докторИгрек + 1;
                докторИди()
            }
        }
        if (событие.code === 'ArrowUp') {
            // если мы 2,3,4 то есть есть куда уменьшать
            if (докторИгрек > 1) {
                докторИгрек = докторИгрек - 1;
                докторИди()
            }
        }
        if (событие.code === 'ArrowRight') {
            // если мы меньше кол-ва столбиков, то есть куда увеличивать
            if (докторИкс < количествоСтолбиков) {
                докторИкс = докторИкс + 1;
                докторИди()
            }
        }
        if (событие.code === 'ArrowLeft') {
            // если мы больше 1, то есть есть куда уменьшать, хотя бы до той же единицы
            if (докторИкс > 1) {
                докторИкс = докторИкс - 1;
                докторИди()
            }
        }
    }
</script>






<style>
    span {
        font-weight: bold;
    }

    #count {
        color: chartreuse;
    }

    #timer {
        color: red;
    }

    img {
        height: 50px;
        width: 50px;
    }

    table {
        border-spacing: 0px;
        border-collapse: collapse;
    }

    td {
        border: 1px black solid;
        height: 50px;
        width: 50px;
    }
</style>