Değişkenin değerini birer birer arttırmak veya birer birer azaltmak için JavaScript operatorleri vardır
Örnek olarak a değişkenini a=a+1 şeklinde değerini bir arttırmak yerine direk olarak a++ şeklinde arttırabiliriz
++ değişkeni 1 ile toplar.
Örnek kullanım: a++
— değişkenden 1 çıkarır.
Örnek kullanım: a–
JavaScript aritmetik işlem operatörleri aşağıdaki gibidir,
Standart matematik işlemlerini bu operatörler ile yapabilirsiniz.
+ Eğer iki string arasında kullanılırsa stringleri birleştirmeye yarar, fakat integer değerler arasında kullanılırsa toplama işlemi yapar. Örnek olarak iki kelimeyi birleştirebilir veya 5 ile 8 i toplayıp 13 elde edebilirsiniz.
– Çıkarma işlemi yapar
* Çarpma işlemi yapar
/ Bölme işlemi yapar
% Mod alma işlemi yapar, yani bölme işlemi sonrası oluşan kalanı verir
JavaScript atama operatörleri aşağıdaki gibidir;
= Değişkene değer atamak için kullanılır
+= Birikimli toplama operatörüdür, a=a+1 yerine a+=1 şeklinde kullanarak, kolay kullanım sağlar
-= Birikimli çıkarma operatörüdür, a=a-1 yerine a-=1 şeklinde kullanarak, kolay kullanım sağlar
*= Birikimli çarpma operatörüdür, a=a*1 yerine a*=1 şeklinde kullanarak, kolay kullanım sağlar
/= Birikimli bölme operatörüdür, a=a/1 yerine a/=1 şeklinde kullanarak, kolay kullanım sağlar
%= Birikimli kalan bulma operatörüdür, Sağdaki değeri soldakine bölüp kalanı verir
Örnek: a=11 dersek, a%=5 kullanımında a=1 olur
Javascript ile dizi yani array oluşturmaya örnek aşağıdadır
Diziler sayesinde birden çok değeri tek değişken altında tutabilirsiniz.
Hatta çok boyutlu diziler sayesinde değişken içerisinde tutulan birden fazla değişken içerisinde, yine bu değişkenler içerisinde de başka değişkenler tutarak dizi içerisinde dizi oluşturabilirsiniz.
<script language="javascript"> var dizi = new Array(1,"asd",23,"deneme"); </script>
Şeklinde dizi oluşturuyoruz, örnekten göreceğiniz üzere dizi içerisinde hem integer hem de string süründen değişkenleri de saklayabiliyoruz. 1,”asd”,23,”deneme” elemanlarını tek değişken içerisinde toplayarak dizi oluşturmuş olduk
Jquery ile span içerisini gizleme, bu span’ın display özelliğini none yaparak yapılabilir.
Tekrar görünür yapmak için display özelliğini inline yapabilirsiniz.
<!doctype html>
<!-- Sayfaya jquery kütüphanesini dahil ediyoruz -->
<script src="http://www.mehmetcanyegen.com.tr/wp-content/uploads/2014/06/jquery-1.11.1.min2.js"></script>
<script>
function gizle(){
$("#alan1").css( "display", "none" );
}
</script>
<input type="button" value="gizle" onclick="gizle();">
<br />
<span id="alan1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</span>
Buttona tıkladığınızda alan1 id sine sahip span içeriği gizlenecektir