Javascript Notlarım

URL’den Query String Okuma

const urlSearchParams = new URLSearchParams(window.location.search);
const params = Object.fromEntries(urlSearchParams.entries());

HTML Kontrollerinde Mevcut class’dan class çıkarma

Örnek: <ul id=”menu” class=”menu omega-nav-menu menu-primary“> </ul>
Yukarıdaki örnekte görüldüğü üzere üç adet farklı class bulunuyor. Bunların her biri için ayrı ayrı remove fonksiyonu kullanılmalıdır.
document.getElementById(“menu”).classList.remove(“menu”)
document.getElementById(“menu”).classList.remove(“omega-nav-menu”)
document.getElementById(“menu”).classList.remove(“menu-primary”)
ya da
$(“#menu”).classList.remove(“omega-nav-menu”)
$(“#menu”).classList.remove(“menu-primary”)
$(“#menu”).classList.remove(“menu”)

HTML Kontrollerinde Mevcut class’a Yeni class Ekleme

Örnek: <ul id=”menu” class=”menu omega-nav-menu menu-primary“> </ul>
Yukarıdaki örnekte görüldüğü üzere üç adet farklı class bulunuyor. Bunların her biri için ayrı ayrı remove fonksiyonu kullanılmalıdır.
document.getElementById(“menu”).classList.add(“menu”)
document.getElementById(“menu”).classList.add(“omega-nav-menu”)
document.getElementById(“menu”).classList.add(“menu-primary”)
ya da
$(“#menu”).classList.add(“omega-nav-menu”)
$(“#menu”).classList.add(“menu-primary”)
$(“#menu”).classList.add(“menu”)

Javascript Array’i JSON Datayı Çevir

var partArray = JSON.parse(partList);
var partArrayCount = partArray.length;

Session Storage’de Veri Saklama

window.sessionStorage.setItem(“ItemElma”, “Elma”);
window.sessionStorage.setItem(“ItemArmut”, “Armut”);

Session Storage’de JSON Veri Saklama

window.sessionStorage.setItem(“partItemList”, JSON.stringify(partList));

Session Storage’den Veri Çekme

var itemElma = sessionStorage.getItem(“ItemElma”);
var itemArmut = sessionStorage.getItem(“ItemArmut”);

Boş Array Tanımlama

var partList = [];

Dolu Array Tanımalama

var partList = [“Bir”,”İki”,”Üç”];
var partList = [1,2,3];

Object Döngü ile Oluşturma ve Array’i Doldurma

for (i = 1; i <= partCodeListCount; i++) {
var obj = {
‘partCode’: document.getElementById(“Text”+i).value,
‘partQuantitiy’: document.getElementById(“demo”+i).value,
‘partName’: document.getElementById(“txtParcaAdi”+i).value,
‘partPrice’: document.getElementById(“txtFiyat”+i).value
}
partList.push(obj);
}

HTML Kontrol’ün item’larına erişmek

var pList = document.getElementsByClassName(“nav nav-tabs”)[0].children

</div>
</div>

My Blog