Bu yazımızda kullanıcıdan alınan bir metni listeye ekleyen program örneğini çözeceğiz. Hemen önce sorumuzu, sonrada cevabımızı görelim.

Soru : Kullanıcıdan alınan metni sayfadaki listeye ekleyen programı Javascript dilinde yazınız.

Cevap : 

    <h1>Kullanıcıdan Alınan Metni Listeye Ekleme</h1>
    
    <input type="text" id="metin">
    <button id="buton">Listeye Ekle</button>
    <ul id="liste"></ul>
    
    <script>
        
        var butonEkle=document.getElementById("buton");
        var listeEkle=document.getElementById("liste");

        butonEkle.onclick=function(){
            var eklenecekMetin=document.getElementById("metin").value;
            listeEkle.innerHTML+="<li>"+eklenecekMetin+"</li>";
        }

    </script>

Çıktısı :

Javascript Kullanıcıdan Alınan Metni Listeye Ekleyen Program Örneği

Bu yazımızda kullanıcıdan alınan bir metni listeye ekleyen program örneğini çözdük. Diğer Javascript örneklerimizi de görmek isterseniz buradan tümüne ulaşabilirsiniz. Ayrıca eğer eksiklikleriniz varsa Javascript derslerimize de buradan ulaşabilirsiniz.

Bu yazı dikkatini çekebilir.   Javascript Hipotenüs Hesaplama Örneği