Takip Edin

JAVASCRIPT

Javascript Değer Arttırma-Azaltma Uygulaması

Değer Artırma - Azaltma Uygulaması - Öne Çıkan Görsel

Bu bölümde, butonlar aracılığıyla input üzerinden değer arttırma-azaltma uygulaması yapılacaktır.

Input’un value’suna varsayılan olarak 0 değeri atanmıştır.

Kullanıcı, increase butonuna tıkladığında input içerisindeki değer atacak, decrease butonuna bastığında ise azalacaktır.

function increase() {
    var x  = document.getElementById("text").value; // Buradan dönen değer string bir ifadedir.
    x = Number(x); // string bir değişken olan x, sayısal türde bir değişkene dönüştürüldü.
    x += 1;
    document.getElementById("text").value = x; // x değeri artırıldığında, input'un value'suna aktarılır.
}

function decrease() {
    var x = document.getElementById("text").value;
    x = Number(x);
    x -= 1;
    document.getElementById("text").value = x; // x değeri azaltıldığında, input'un value'suna aktarılır.
}
Devamını oku

Popüler

error: Content is protected !!