Global and local variable issue

Question

var element = document.getElementById('image1');

function leftArrowPressed () {
  element.style.left = parseInt(element.style.left) - 5 + 'px';
}

The code is for moving images with arrow keys. When element is a global variable it doesn't work but works when it's a local variable. Why?

A side questio to your current posted code: Why don't you pass the variable element as an argument in your function `leftArrowPressed()`? — Reporter, May 24 '17 at 10:51
`function leftArrowPressed(anObject){anObject.style.left = parseInt(anObject.style.left) - 5 + 'px';} leftArrowPressed(element);` — Reporter, May 26 '17 at 08:38

score 0 · Answer 1 · answered May 24 '17 at 11:07

0

There aren't any problems with scope.

I don't see all code. I guess that a problem in this line because it's called when DOM element doesn't exist.

var element = document.getElementById("image1");

Try to use window.onload.

answered May 24 '17 at 11:07

Stanislav Mayorov

1 Answers1