Javascript değer arttırma

22-02-2021, 11:27:24

Merhaba arkadaşlar ""<div style=" transform: scale(0.95, 0.85);">"" bu şekilde ölçülendirme kodum var. Buton yardımı ile buradaki 0.95 ve .085 değerlerini ayrı ayrı anlık 0.05 değerinde arttırıp azaltmam gerekiyor bunu nasıl sağlayabilirim?

22-02-2021, 11:34:45

#2

AkinAy

Hocam o div elementine bir ID değeri verip daha sonra o ID değeri üzerinden style değerlerini değiştirerek yapabilirsiniz. Mevcut değerleri de bir değişkene atayıp o değişkeni istediğiniz gibi değiştirip daha sonra style değerine yansıtabilirsiniz.

var var1 = 0.95;
var var2 = 0.85;
function arttir() {
    var1 = var1+0.05;
    var2 = var2+0.05;
  document.getElementById("divID").style.transform = "scale("+var1+", "+var2+")"; 
}
function dusur() {
    var1 = var1-0.05;
    var2 = var2-0.05;
  document.getElementById("divID").style.transform = "scale("+var1+", "+var2+")"; 
}

22-02-2021, 12:45:15

#3

FATIH_999

AkinAy adlı üyeden alıntı: mesajı görüntüle

Hocam o div elementine bir ID değeri verip daha sonra o ID değeri üzerinden style değerlerini değiştirerek yapabilirsiniz. Mevcut değerleri de bir değişkene atayıp o değişkeni istediğiniz gibi değiştirip daha sonra style değerine yansıtabilirsiniz.

var var1 = 0.95;
var var2 = 0.85;
function arttir() {
    var1 = var1+0.05;
    var2 = var2+0.05;
  document.getElementById("divID").style.transform = "scale("+var1+", "+var2+")";
}
function dusur() {
    var1 = var1-0.05;
    var2 = var2-0.05;
  document.getElementById("divID").style.transform = "scale("+var1+", "+var2+")";
}

çok teşekkür ederim gayet güzel çalışıyor fakat iki değeride aynı anda arttırıp azaltıyor bir çift buton var1 değerini arttırıp azalatsın diğer çift buton var2 değerini arttırıp azalatsın bu şekilde nasıl yapabiliriz acaba?

22-02-2021, 14:14:09

#4

AkinAy

<button onclick="degistir('x', 0.05)">X Arttır</button>
<button onclick="degistir('x', -0.05)">X Azalt</button>
<button onclick="degistir('y', 0.05)">Y Arttır</button>
<button onclick="degistir('y', -0.05)">Y Azalt</button>

var var1 = 0.95;
var var2 = 0.85;
function degistir(yer, miktar) {
       var1 = yer == "x" ? var1+miktar : var1;
       var2 = yer == "y" ? var2+miktar : var2;
      document.getElementById("divID").style.transform = "scale("+var1+", "+var2+")";
}

22-02-2021, 14:18:08

#5

FATIH_999

AkinAy adlı üyeden alıntı: mesajı görüntüle

<button onclick="degistir('x', 0.05)">X Arttır</button>
<button onclick="degistir('x', -0.05)">X Azalt</button>
<button onclick="degistir('y', 0.05)">Y Arttır</button>
<button onclick="degistir('y', -0.05)">Y Azalt</button>

var var1 = 0.95;
var var2 = 0.85;
function degistir(yer, miktar) {
    if(yer == "x")
    {
        var1 = var1+miktar;
    }
    if(yer == "y")
    {
        var2 = var2+miktar;
    }
      document.getElementById("divID").style.transform = "scale("+var1+", "+var2+")";
}

çok teşekkür ederim gayet güzel çalıştı