Html Form Toplama Çıkarma Nasıl Yapılır?

Form içerisinde <input type="range" id="slider" name="slider" value="50"> şeklinde bir tanımlama yapılır.

Slider ı hareket ettirdikçe value değeri değişecektir.

Form içerisinde <input type="number" id="sayiGir" name="sayiGir" value="0"> Sayı giriş alanı tanımladık ve varsayılan sıfır değerini verdik.

<output name="sonuc" for="sonuc"> </output> içerisinde değerini yazdırabiliriz.

formu tanımlarken <form oninput="sonuc.value=parseInt(slider.value)+parseInt(sayiGir.value)"> şeklinde tanımladık. 

Bu sayede hem sayı alanındaki değeri hem de slider daki değeri okuyup toplanmasını sağladık.