Сайт / 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";
}
})