Javacript'te Enter'a Bastıkça Ekrana Yazma Kodlarıyla İlgili Sorular

yazilimyolcusu 523 gün önce

287 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Merhabalar. Aşağıdaki kodlarda sormak istediklerim var. Yardımcı olabilir misiniz? Sorum şu:
Aşağıdaki alanda, değişkeni neden farklı bir değişkene aktardık.

var input_text = input_elm.value;

Aşağıdaki kodda

input_elm.addEventListener('keyup', (enterolayi) => {

eşittir-büyüktür işareti ne işe yarıyor?
"enterolayi" ni niye kullandık, nereden geldi?

Bütün kodlar aşağıda.

var metinyaz = document.getElementById("metinyaz").value;
var burayayaz = document.getElementById("burayayaz");

    var input_elm = document.getElementById('metinyaz');
    var input_text = input_elm.value;
    document.getElementById("burayayaz").innerHTML = input_text;
    input_elm.addEventListener('keyup', (enterolayi) => {
        if (enterolayi.keyCode === 13) {
            document.getElementById("burayayaz").innerHTML = event.target.value
        }
    });

javascript

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (5)

yazilimyolcusu

521 gün önce

Aşağıdaki kodlarla enter'a her bastığımda ekrana, alt alta veri yazdırabiliyorum. Ama veriler arasındaki virgülü kaldıramadım. Nasıl yapılabilir?

var alt_satira_gec = "<br>";
var dizi = [];                                                      
var yazilacakicerik = document.getElementById("yazilacakicerik");   
var verigoster = () => {                                            
  document.getElementById("cikti").innerHTML = [dizi];              
}
 
yazilacakicerik.addEventListener("keyup", (olay) => {         
  if(olay.keyCode === 13 && yazilacakicerik.value !== "") {   
  
  dizi.push(yazilacakicerik.value + alt_satira_gec);               
    
    yazilacakicerik.value = ""                                
    verigoster();                                             
  }
});

#011718

abdullahx

523 gün önce

Değişkeni neden farklı bir değere atamış, bu tamamen kodu yazan kişinin inisiyatifine bağlı bir durum. Eğer bu değişkeni birden fazla defa kullanmak istiyorsa mantıklı olabilir ama bu örnekteki gibi tek bir defa kullanacaksa tamamen GEREKSİZ bir olay.
Arrow function ve Event lar hakkında da size linkler bırakayım. İngilizce bilmiyorsanız Türkçe'ye çevirip okuyun.
Arrow Functions
Events
Keyup event

#011709

abdullahx

523 gün önce

Bunca yıldır js de bulunan arrow function u ilk defa görene mi yanasın onu büyük eşittir sanana mı yanasın :)

#011708

yazilimyolcusu

523 gün önce

Büyüktür-eşittir işareti if bloğu içinde kullanılmıyor yalnız. Farklı bir şey olmalı.

#011707

h4ckdr0

523 gün önce

Merhaba. İlk kod parçasında, değişken input_elm.value değerini input_text değişkenine atıyor. Bu, input_text değişkenini input_elm.value değerine eşitleyerek kullanılacak bir değişken oluşturuyor.

İkinci kod parçasında, input_elm için bir keyup olay dinleyicisi eklenmiş. Bu, bir tuşun bırakıldığında olayın gerçekleştiği anlamına gelir. enterolayi bu olayın nesnesini temsil eder ve keyCode özelliğini kontrol etmek için kullanılır. Eşittir-büyüktür işareti, keyCode değerinin 13'e eşit olup olmadığını kontrol eder. Eğer eşit ise, input_elm elementinin value özelliği event.target.value değişkenine atanır ve burayayaz elementinin içeriği bu değer ile güncellenir.

Umarım bu özet bilgi ile sorunuzu yanıtlayabilmişimdir!

#011696