Пытаюсь перемещать блок с помощью клавиатуры используя js но когда я пытаюсь переместить блок в низ ничего не происходит, уже пытался биднить на разные кнопик. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Java</title> </head> <body> <script src="javascript.js"></script> <div id="block"></div> </body> </html> HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Java</title> </head> <body> <script src="javascript.js"></script> <div id="block"></div> </body> </html> *{ margin: 0; } #block{ height: 50px; width: 50px; position: absolute; background-color: blueviolet; } Код *{ margin: 0; } #block{ height: 50px; width: 50px; position: absolute; background-color: blueviolet; } var left = 0; var rigth = 0; var top1 = 0; var y = 0; document.onkeydown = function (event) { console.log(event); if(event.keyCode==68){ left=left+10; document.getElementById('block').style.left = left + 'px'; }; if(event.keyCode==65){ left=left-10; document.getElementById('block').style.left= left + 'px'; }; if(event.keyCode==87){ top1=top1-10; document.getElementById('block').style.top = top1 + 'px'; } if(event.keyCode==40){ y=y+10; document.getElementById('block').style.down = y + 'px'; } } Код var left = 0; var rigth = 0; var top1 = 0; var y = 0; document.onkeydown = function (event) { console.log(event); if(event.keyCode==68){ left=left+10; document.getElementById('block').style.left = left + 'px'; }; if(event.keyCode==65){ left=left-10; document.getElementById('block').style.left= left + 'px'; }; if(event.keyCode==87){ top1=top1-10; document.getElementById('block').style.top = top1 + 'px'; } if(event.keyCode==40){ y=y+10; document.getElementById('block').style.down = y + 'px'; } }
fork_to, стиля down нет, используй top if(event.keyCode==40){ y=y+10; document.getElementById('block').style.top= y + 'px'; } Код if(event.keyCode==40){ y=y+10; document.getElementById('block').style.top= y + 'px'; } --- Сообщение объединено с предыдущим 29 мар 2021 fork_to, держи рабочий js var x = 0; var y = 0; document.onkeydown = function (event) { console.log(event); //влево LeftArrow if(event.keyCode==37){ x=x-10; document.getElementById('block').style.left = x + 'px'; }; //вправо RightArrow if(event.keyCode==39){ x=x+10; document.getElementById('block').style.left= x + 'px'; }; //вверх UpArrow if(event.keyCode==38){ y=y-10; document.getElementById('block').style.top = y + 'px'; } //вниз DownArrow if(event.keyCode==40){ y=y+10; document.getElementById('block').style.top = y + 'px'; } } Код var x = 0; var y = 0; document.onkeydown = function (event) { console.log(event); //влево LeftArrow if(event.keyCode==37){ x=x-10; document.getElementById('block').style.left = x + 'px'; }; //вправо RightArrow if(event.keyCode==39){ x=x+10; document.getElementById('block').style.left= x + 'px'; }; //вверх UpArrow if(event.keyCode==38){ y=y-10; document.getElementById('block').style.top = y + 'px'; } //вниз DownArrow if(event.keyCode==40){ y=y+10; document.getElementById('block').style.top = y + 'px'; } }