Сайт / Script_1

addEventListener("keydown", function (event) {
    //1.Вызов всплывающего окна с ФИО и группой автора сайта.
    if (event.key == "a"){
    alert("Кафка Роман Сергеевич. Z9411")
    }
    //2.Движение текста
    if (event.key == "z"){
        var text = document.getElementsByTagName("h1");
        // в то время как timePassed идёт от 0 до 2000
        // left изменяет значение от 0px до 400px
        let start = Date.now(); // сколько времени прошло с начала анимации?
        let timer = setInterval(function() {
        let timePassed = Date.now() - start;
        text[0].style.marginLeft = timePassed / 5 + 'px';
        if (timePassed > 2000) clearInterval(timer); // закончить анимацию через 2 секунды
        }, 20);
    }
    //3. Удалить строку таблицы.
    if (event.key == "d"){
        var table = document.getElementsByTagName("table"); //Получаем форму
        // Затем выполните итерацию по количеству строк в таблице для удаления: 
        for(var i=0; i<table[0].rows.length; i++){ 
            table[0].deleteRow(i); 
        }
        var len = table.rows.length; 
        for(var i=0; i<len; i++){ t
            table[0].deleteRow(0); 
        }
        }
        //3. Добавить строку таблицы.
    if (event.key == "s"){
        var table = document.getElementsByTagName("table"); //Получаем форму
        var newRow=document.createElement("tr");
        for (var i=0; i<2; i++) {
          var newCell=document.createElement("td");
          newRow.appendChild(newCell);
        }
        table[0].appendChild(newRow);
    }
    //4.Изменить цвет элемента.
    if (event.key == "c"){
        var elemColor = document.getElementsByTagName("h2");
        var colors = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet']
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min)) + min;
          }
        elemColor[0].style.color = colors[getRandomInt(0, 6)];
        }
    //4.Изменить размер элемента.
    if (event.key == "x"){
        var elemSize = document.getElementsByTagName("p");
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min)) + min;
            }
        elemSize[0].style.fontSize = getRandomInt(5, 30) +"px";
        }   
    })