Javascript Not Defteri Uygulaması - Kapsamlı Javascript Olayları!

✎ Javascript Not Defteri Uygulaması - Kapsamlı Javascript Olayları ✎
▶ Javascript Uygulamaları Derslerinin devam serisi olan bu video'da bir çok konuya,olaya değindik.
▶ Javascript ile not alma uygulaması yapmaya çalıştık.Basit fakat önemli püf noktalara değindiğimiz güzel bir ders oldu.
▶ Bahsettiklerimizden bazıları;
✓ Javascript addEventListener
✓ Javascript createElement
✓ Javascript remove
✓ Javascript toggle
✓ Javascript classList
✓ Javascript fonksiyonlar
✓Javascript diziler
✓ Javascript element seçme
✓ Javascript dom manipülasyonları
✓ Javascript innerHTML
✓ Javascript insertBefore
✓ Javascript firstChild
✓ Javascript lastChild
✓ Javascript keypress
✓ Javascript keyCode
✓ Javascript value

Aşağıdaki dosyadan html-css dosyasını indirebilirsiniz.
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

İzlemeniz Gereken Yararlı Videolarımız!

Sosyal Medya Hesaplarımız
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
#javascript #javascriptuygulama #javascriptNot Defteri

[gulsummaslak]

video cok iyidi devamı gelsın. bu şekilde kısama etkilı videolar bulmak zor.

[eminbagirov]

Lutfen Devami Gelsin Cok Isime yaradi Tesekur Ederim

[Enes_]

hocam boyle videoların devamı gelsın cok guzel anlatıyorsun emegine saglık daha cok JS uygulama olur hepsı olur (herkese mutlu yıllar 01/01/2021 - 02:50 herkes yılbaşı kutlar yazılımcı kod yazar) :)) :)) basarılar

[eelguneezmemmedov]

Oncelikle Degerli Hocam tesekkur ederim bize boyle bir uygulama hazirladiginiz icin.
Hocam yapdiginiz 37 dakikalik video bana 3saatden fazlaya patladi :) 3 saat urasdim ve sonunda yapdim :) Cok mutluyum cidden cook tesekkur ederim

[berkaysonmez]

Hocam elinize sağlık daha çok böyle videolar bekliyoruz.

[yeniyeni]

Boyle videolar bana cok yararli oluyo tesekkurler hocam

[Enes_]

hocam bende yazılımsal bir hata olduğunnu fark ettim eğer bu uygulamanın dosyasını silmediyseniz size zahmet kontrol edermisniz ben kontrol edecektim fakat dosyayı paylaştığınız kısıma js dosyasını eklemeyı unutmuşsunuz sanırım her neyse bendeki hata şu sayfayı açıyorum herşey çalışıyor html de manuel eklediğimiz notların üzerini ilk açtığımız zaman çiziyor fakat notunuzu giriniz kısmından bir not eklediğimizde listeye sayfayı ilk açtığımızdaki otomatik gözüken notların üzerini çizmiyor. umarım anlatabilmişimdir bu arada hiçbir şekilde konsoldada hata vermiyor. silme işlemleri düzgün çalışıyor orada hata yok.
ha hocam birde notunuzu giriniz kısmına tıkladığımda notunuzu giriniz yazısı kaybolmuyor. SAYGILAR :)

// buyrun kodlarım

// custom.js


function tamamlanmisFunction(){
// tamamlanmış butonlar - tamamlama işlemleri
var listItem =
// console.log(listItem);

for (var i = 0; i < listItem.length; i++) {
listItem[i].addEventListener("click", function() {

});
}
}
tamamlanmisFunction();

function silmeFunction(){
// silme işlemleri
var silButonlari =
// console.log(silButonlari);

for (var a = 0; a < silButonlari.length; a++) {
silButonlari[a].addEventListener("click", function() {
var silinecek = this.parentElement;
silinecek.remove();
});
}
}
silmeFunction();


var gorev =
// console.log(gorev);
gorev.addEventListener("keypress", function(e) {

if (e.keyCode === 13) {
// alert('ENTERe Basıldı');

var yeniNot =
yeniNot.innerHTML = gorev.value;

var yeniSpan =

var yeniIcon = document.createElement("i");
yeniIcon.setAttribute("class", "fa fa-window-close");

yeniSpan.insertBefore(yeniIcon, yeniSpan.firstChild);
yeniNot.insertBefore(yeniSpan, yeniNot.firstChild);

var gorevler =
gorevler.insertBefore(yeniNot, gorevler.lastChild);

silmeFunction();
tamamlanmisFunction();

gorev.value = "";
}
});

[chbinrollixlxmmxmx]

İnputun içine <p style="color:red"> Merhaba</p> yazarsan sonuç olarak kırmızı bir Merhaba yazısı görürsün. Bu not defterinin açığı gibi bir şey

[Jamesis]

Hocam derslerinz hepsi harika hem proje çok güzel hemde anlatiminiz bi sorum
23:44 olucak keycode yazildiği zaman üstü çizili gelmesi kodunun kullanilmiyor mu artk demek?

[dehazeka]

Hocam elinize sağlık bana da lazım, google drive linkini tekrar paylaşabilir misiniz?

[atakan]

Hocam merhabalar bir sorum olacak. Her sayfayı yenilediğimizde eklediğimiz bilgilerin kaybolmamasını nasıl sağlarız? Yardımcı olur musunuz?

[gizlikisi]

Hocam taş kağıt makas uygulaması yaparmısınız

[eelguneezmemmedov]

Hocam bunun aynisini local storage ile yapma sansiniz varmi ?