Hakan Baykara | Front end Developer

Javascript addEventListener kullanımı?

JavaScript addEventListener yöntemi, bir kullanıcı bir düğmeyi tıkladığında olduğu gibi, belirli bir olay gerçekleştiğinde çağrılacak işlevleri ayarlamanıza olanak tanır. Olaylar, kullanıcı veya tarayıcı bir sayfayı manipüle ettiğinde gerçekleşen eylemlerdir. Örneğin, tarayıcı bir belgeyi yüklemeyi bitirdiğinde bir load olayı, bir kullanıcı bir sayfadaki bir düğmeyi tıklarsa, bir click olayı gerçekleşmiş olur. JavaScript, addEventListener yöntemi bir […]

Devamını Oku

Javascipt’te kullandığımız bazı faydalı özellikler

Number türünü String yapmak


let num = 16;
console.log(typeof num); // number

num = 16 + "";
console.log(typeof num); // string

console.log(typeof num); // number

num = 16 + "";

console.log(typeof num); // string

ES6 ile gelen fonksiyon için varsayılan olarak değer atama


function foo(a=10, b=15, c=20) {
  console.log(a,b,c); 
}

foo(); //10, 15, 20

function foo(a=10, b=15, c=20) {

console.log(a,b,c);

}

foo(); //10, 15, 20

Diziyi verdiğimiz sayı kadar doldurma


//  Array Fills
const myVar = Array(5).fill("");
console.log(myVar); // ["", "", "", "", ""]

const myVar = Array(5).fill("");

console.log(myVar); // ["", "", "", "", ""]

Dizilerde aynı olan değerleri bir kez alma


const users = ["John", "Mark", "Anna", "Bob","Mark","Bob","Mark"];

// Set her değerin sadece birer kez olabileceği yapılardır
const unique = Array.from(new Set(users));

console.log(unique);  // ["John", "Mark", "Anna", "Bob"]

const users = ["John", "Mark", "Anna", "Bob","Mark","Bob","Mark"];

// Set her değerin sadece birer kez olabileceği yapılardır

const unique = Array.from(new Set(users));

console.log(unique); // ["John", "Mark", "Anna", "Bob"]

ES6 ile birlikte, daha önce tanımladığımız değişkeni aşağıdaki örnekteki gibi köşeli parantezler içerisine alarak nesne içerisinde dinamik olacak şekilde kullanabiliyoruz.


//Dynamic Objects
const dynamic = "email";

const user = {
  name : 'John',
  lastname : 'Doe',
  [dynamic] : 'john@example.com',
};

console.log(user);

// {
//   name: "John",
//   lastname: "Doe",
//   email: "john@example.com"
// }

const dynamic = "email";

const user = {

name : 'John',

lastname : 'Doe',

[dynamic] : 'john@example.com',

// email: "john@example.com"

// }

[…]

Devamını Oku

JavaScript split nedir? JavaScript split kullanımı..

JavaScript split özelliği string bir ifadeyi veya değişkenin taşıdığı değeri istediğimiz kısımlardan ayırarak bu parçaları yeni bir diziye ekler. Javascript Split Kodu Kullanımı:


<script>
    var degisken = "web tasarım – web yazılım – Javascript - CSS – HTML";

    var parcala = degisken.split("-");

    for(i = 0; i < parcala.length; i++)
       document.write( parcala[i] + "<br/>");
</script>

var degisken = "web tasarım – web yazılım – Javascript - CSS – HTML";

var parcala = degisken.split("-");