управление клавишами

[borodasalatovaia]

ребят помогите я только начинаю учить js

у меня есть картинка и я хочу заставить ее двигатся в лево для начала хотябы. вот код



var block = document.getElementsByTagName('test');
var left1 = 0;

document.onkeydown = function (event) {

console.log(event);
if (event.key == 'ArrowRight') {
block.style.left = + left1 'px'; (вот здесь в консоле показывает ошибку)
left1 ++;



}

}

подскажите что не так или какой код нужно писать. картинка лежит в блоке див с айди "test"

[рони]

block.style.left = + left1 'px'

block.style.left = left1 + 'px';

[borodasalatovaia]

красным подчеркивает left1 + 'px';
и выдает такой текст ошибки

Uncaught TypeError: Cannot set property 'left' of undefined .

[j0hnik]

<test style="position:absolute; left:0;top:0;">картинка</test>
	<script>

var block = document.getElementsByTagName('test')[0];
var left1 = 0;

document.onkeydown = function (event) {

console.log(event);
if (event.key == 'ArrowRight') {
block.style.left = left1+'px';
left1 ++;

}
};
	</script>

[j0hnik]

TagName - возвращает коллекцию, у нее нет стайл.
block.style.left = + left1+ 'px';
+= нельзя, это строка будет конкатенация.
да и что за тег странный test?

[borodasalatovaia]

когда ложу твой код в html все клас все работает, а перекидываю код js в отдельный файл js и уже выдает ошибку что не так?

[j0hnik]

если в head подключаете то надо обернуть

document.addEventListener("DOMContentLoaded", function(){
//ваш код
});

[borodasalatovaia]

спасибо заработало)

[Dilettante_Pro]

да и что за тег странный test?

картинка лежит в блоке див с айди "test"

????

спасибо заработало)