Witam. Celem jest to, aby po wciśnięciu strzałki w lewo div przesunął się w lewo o 1px.


W tym wypadku kwadrat przesuwa się w w lewo i jest oddalony od lewej krawędzi o 10px. Wszystko ok.
Problem zaczyna się, gdy chcę odjąć 1px ( aby przesuwało się po kawałku ).


To już nie działa.


Tak, więc problemem jest to, jak zapisać odejmowanie o 1px. Z góry dziękuję za pomoc.

- Wyrażenie --> element.style.left <-- da Ci w wyniku coś w stylu: "10px"
- Musisz z tego zrobić liczbę -> parseInt
- Następnie musisz od tej liczby odjąć 1
- Wpisać nową wartość do listy
- Zmienić element.style.left na --> element.style.left = nowaWartosc+'px' <--

Ok. Tworzę zmienną pomocniczą i zmieniam wartość element.style.left na liczbę:

Nie działa. Gdzieś jest błąd, bo nie wiem czy dobrze zrozumiałem.

Działa!

Dokładnie Twój kod:

[JAVASCRIPT] pobierz, plaintext 
<div style="position: absolute; left: 200px; top: 300px; width: 100px; height: 100px; border: 1px solid #000; background: #f0f;" id="test"></div>
 
<input type="button" value="klik" id="click">
 
<script>
document.getElementById("click").onclick = function(){
  var element = document.getElementById("test");
 
  /* TWÓJ KOD Z POSTU */
  var pom = parseInt(element.style.left);
  var a = pom-1;
  element.style.left = a+'px';
 
}
</script>
[JAVASCRIPT] pobierz, plaintext 

Faktycznie działa, dzięki wielkie.
Mam jeszcze jedno pytanie. Dałoby się to zrobić za pomocą strzałek. W takim sensie, że użytkownik naciska strzałkę w lewo i div zmienia pozycję tak jak tutaj