Butonlar ile nesneleri hareket ettirme

JavaScript kullanarak bir divi butonlar ile hareket ettirmek istiyorum sağ sol üst alt gibi nasıl yapabilirim? En basit şekilde.

Button'un onclick eventi vardır mdn button onclick diye aratırsan bulabilirsin.

Bu button tıklandığında içindeki fonksiyon çalışır. Bunun ile birlikte bir nesneye style tag'i içine her şeyi verebilirsin. Çoğu javascript animasyon kütüphanesi de bu şekilde çalışır.

örneğin:

kaan_js dedi:

Button'un onclick Event'i vardır mdn button onclick diye aratırsan bulabilirsin.

Bu button tıklandığında içindeki fonksiyon çalışır. Bunun ile birlikte bir nesneye style Tag'i içine her şeyi verebilirsin. Çoğu JavaScript animasyon kütüphanesi de bu şekilde çalışır.

Örneğin:

JavaScript:Panoya kopyala

button.addEventListener("click", () => {
animatedBlock.style.transform = "translate(30px, 30px)"
})

// syntax hataları olabilir yatarken yazıyorum :D

Genişletmek için tıkla...

Nesneye position relative versem sonra top ya da left vs diyerek yerini değiştirsem olur mu?

deleraxino dedi:

Nesneye position relative versem sonra top ya da left vs diyerek yerini değiştirsem olur mu?

Genişletmek için tıkla...

Tabiki olur fakat o sırada dom üzerinde bir değişiklik yaptığın için performans bakımından doğru bulunmuyor, (Doğruluğunu şuan kanıtlayamam fakat şuan en büyük javascript animasyon kütüphanesine bakabilirsin: Greensock - GSAP bu yöntemi kullanıyor)
transform: translate3d(0,0,0) şeklinde yazmak daha performanslı olucaktır.