JavaScript'te Metin Alanlarıyla Çalışma
Şimdi, web sitemizin kullanıcılarından metin almayı
öğreneceğiz. Bunun için HTML'de, veri girişi için
bir metin kutusu temsil eden özel bir input
etiketi bulunur.
<input>
Bu etiketin, sayfa ilk açıldığında input içinde
yazılı olacak başlangıç metnini belirleyen özel
bir value özniteliği vardır:
<input value="text">
Web sitemizin kullanıcısı sayfayı açtıktan sonra
input'un metnini değiştirebilir. Bu durumda, eğer
bizim bu input'a bir referans içeren bir değişkenimiz
varsa, bu değişkenin value özelliği her zaman
input'un mevcut metin değerini içerecektir.
Pratikte deneyelim. Diyelim ki value
özniteliğine sahip bir inputumuz var:
<input id="elem" value="text">
Bu input'a bir referansı bir değişkende alalım:
let elem = document.querySelector('#elem');
Ve şimdi input'un mevcut metnini ekrana yazdıralım:
console.log(elem.value);
Ve şimdi input'un metnini başka bir metinle değiştirelim:
elem.value = 'new text';
Bir input ve bir buton verilmiştir. Butona tıklandığında input'a herhangi bir metin yazın.
Bir input, bir paragraf ve bir buton verilmiştir. Butona tıklandığında, inputtan alınan metni paragrafa yazın.
İki input ve bir buton verilmiştir. Kullanıcı tarafından ilk inputa bir sayı girilir. Butona tıklandığında, girilen sayının karesini ikinci inputa yazın.
İki input ve bir buton verilmiştir. Butona tıklandığında, ilk inputa ikinci inputun değerini, ikinci inputa ise ilk inputun değerini yazın. Kodunuz, inputların herhangi bir değeri için evrensel olarak çalışmalıdır.
5 input, bir paragraf ve bir buton verilmiştir.
Inputlara sayılar girilir. Butona tıklandığında,
girilen sayıların aritmetik ortalamasını paragrafa yazın.
