HTML içerisinde bir input'un değerini Javascript ile yakalamak istediğimizde DOM'a (Document Object Model) başvurmamız gerekiyor. Bu yazıda kısa bir örnek ile birlikte bir HTML etiketini ID değerinden Javascript ile nasıl bulabileceğimizi ve değerini okuyabileceğimizi göstereceğim.
Örneğin "kutucuk" ID değerine sahip bir input için aşağıdaki uygulamayı hazırlayalım. Burada ne yazıyor butonuna tıkladığımızda bir Javascript fonksiyonu çalışarak input içindeki yazıyı alert penceresi içerisinde göstersin.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript DOM</title>
<script>
function goster(){
var yazi = document.getElementById('kutucuk').value;
alert(yazi);
}
</script>
</head>
<body>
<form>
<input type="text" id="kutucuk" />
<input type="button" onclick="goster();" Value="Burada ne yazıyor?" />
</form>
</body>
</html>
Javascript konusunda bana ait olmayan bazı faydalı yazıların bağlantılarını da aşağıya bırakıyorum.
bkz: JavaScript'te 4 işlem yapan program
bkz: JavaScript ile girilen sayıların toplamını hesaplayan program
bkz: JavaScript'te kullanıcıdan Prompt ile girdi almak
bkz: JavaScript'te yazının sadece ilk harfi büyük harf ile yazdırmak
bkz: Javascript ile kullanıcıyı iki sayı arasında sayı girmeye zorlamak
bkz: JavaScript ile Mevcut Url'yi Görmek