Mover um objeto com setas

[juninhodagavioes]

Como faço para que quando eu pressione a seta para a esquerda, um objeto vá para a esquerda, quando eu pressione a seta para a direita, um objeto vá para a direita, e assim por diante. E quando eu paro de pressionar, o objeto também para? Bom, não sei se é possível em javascript, mas vamo v! falou

[Jonathan Queiroz]

Acho que não vai ser tão fácil você achar um script pronto !

Além disso, seria interessante que você conseguisse criar seus próprios scripts

Essa é a única forma de "dominar" uma linguagem

Vou lhe passar os conceitos e você tenta criar seu próprio script.

Se conseguir, posta aqui como fez

Se não conseguir, posta aqui suas dúvidas !

• Para mover um objeto na tela, você deverá deixar o position (do elemento style) como absolute

• Um exemplo de código seria:

  div = document.getElementById("minha_camada")
  div.style.position = "absolute"
  div.style.left += 10 // Move o objeto para a direita
  div.style.left -= 10 // Move o objeto novamente para a esquerda

• Você deverá criar duas funções
  • LadoDireito()
    • Move o objeto para a direita
  • Um exemplo de código seria:

  div = document.getElementById("minha_camada")
  div.style.position = "absolute"
  div.style.left += 50 // Move o objeto para a direita

• LadoEsquerdo()
  • Move o objeto para a esquerda

• Um exemplo de código seria:

div = document.getElementById("minha_camada")
div.style.position = "absolute"
div.style.left -= 50 // Move o objeto para a esquerda

• Crie dois botões, cada um chamará uma função diferente

• Depois você poderá aprimorar o código, para impedir que o objeto fique "fora" da tela utilizando o document.height para ver o tamanho do documento

Qualquer coisa, posta aí !

[juninhodagavioes]

Opa, vlw!

[Jonathan Queiroz]

Qualquer dúvida posta aqui !