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.

html<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:

html<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:

html<input id="elem" value="text">

Bu input'a bir referansı bir değişkende alalım:

javascriptlet elem = document.querySelector('#elem');

Ve şimdi input'un mevcut metnini ekrana yazdıralım:

javascriptconsole.log(elem.value);

Ve şimdi input'un metnini başka bir metinle değiştirelim:

javascriptelem.value = 'new text';