Why is the object not moving on clicking the button?

Question

The object is not moving on clicking the button. Why is it so?

<

Answer 1

You would need to include the styling at the end of the statement

function animate() {
  var x = 100;
  var object = document.getElementById('object').style.left = x + 'px';
}

#object {
  position: absolute;
  top: 50px;
  right: 20px;
  left: 20px;
  height: 40px;
  width: 80px;
  background-color: green;
}