Kategori arşivi: Programlama Dilleri

JavaScript Aritmetik İşlem Operatörleri

JavaScript Aritmetik Operatör

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

js atama operatörleri

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 Dizi Oluşturma

javascript dizi array oluşturma

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 Kullanarak Belli Bir Alanı Gizlemek

jquery gizleme

 

Jquery ile span gizleme nasıl yapılır?

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

 

Sayfaya Jquery Kütüphanesini Ekleme

jquery eklemeJquery sayfaya nasıl eklenir?

Kullanışlı bir javascript kütüphanesi olan jquery i yazdığınız web uygulamasına dahil etmek için aşağıdaki kod parçasını sayfanızın header bölümüne ekleyin.

Jquery i sunucunuza direk olarak internet üzerinden de dahil edebilirsiniz, veya sunucunuza indirip de kullanabilirsiniz.

Direk sunucunuzdaki jquery dosyasını kullanmak için http://code.jquery.com/jquery-1.11.1.min.js adresindeki dosyayı veya jquery.com adresindeki son sürümü indirip sunucunuza yükleyin, sunucunuz üzerinden link verin


<script src="http://www.mehmetcanyegen.com.tr/wp-content/uploads/2014/06/jquery-1.11.1.min1.js"></script>