Çözüldü JS'de bir metnin harflerini alt alta yazdırma nasıl yapılır?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Akatshix

Hectopat
Katılım
2 Şubat 2022
Mesajlar
584
Çözümler
4
Daha fazla  
Cinsiyet
Erkek
Metin kutularına girilen bir metnin harflerini alt alta yazdıran JS kodunu yazdırma. Yapamadım yapacak biri varsa yardım edebilir mi?
 
Çözüm
Sayfaya mı, konsola mı yazdırmak istiyorsun? Biraz daha detay vermeniz iyi olurdu.

HTML:
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <input type="text" id="textArea" oninput="writeWords()">

    <ul id="wordsArea"></ul>

    <script>
        function writeWords() {
            const textArea = document.getElementById("textArea").value;
            const wordsArea = document.getElementById("wordsArea");
            wordsArea.innerHTML = "";
            for (let i = 0; i < textArea.length; i++) {
                console.log(textArea[i]);
                const word = document.createElement("li");
                word.innerText = textArea[i];
                wordsArea.appendChild(word);
            }
        }
    </script>
</body>

</html>

Bu kod ile hem konsola hem de sayfaya liste şeklinde yazdırabilirsiniz.
Sayfaya mı, konsola mı yazdırmak istiyorsun? Biraz daha detay vermeniz iyi olurdu.

HTML:
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <input type="text" id="textArea" oninput="writeWords()">

    <ul id="wordsArea"></ul>

    <script>
        function writeWords() {
            const textArea = document.getElementById("textArea").value;
            const wordsArea = document.getElementById("wordsArea");
            wordsArea.innerHTML = "";
            for (let i = 0; i < textArea.length; i++) {
                console.log(textArea[i]);
                const word = document.createElement("li");
                word.innerText = textArea[i];
                wordsArea.appendChild(word);
            }
        }
    </script>
</body>

</html>

Bu kod ile hem konsola hem de sayfaya liste şeklinde yazdırabilirsiniz.
 
Çözüm
Sayfaya mı, konsola mı yazdırmak istiyorsun? Biraz daha detay vermeniz iyi olurdu.

HTML:
<html>

<head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
 <input type="text" id="textArea" oninput="writeWords()">

 <ul id="wordsArea"></ul>

 <script>
 function writeWords() {
 const textArea = document.getElementById("textArea").value;
 const wordsArea = document.getElementById("wordsArea");
 wordsArea.innerHTML = "";
 for (let i = 0; i < textArea.length; i++) {
 console.log(textArea[i]);
 const word = document.createElement("li");
 word.innerText = textArea[i];
 wordsArea.appendChild(word);
 }
 }
 </script>
</body>

</html>

Bu kod ile hem konsola hem de sayfaya liste şeklinde yazdırabilirsiniz.

Çok sağ ol adamın dibisin <3 evin direğisin :)
 

Technopat Haberler

Yeni konular

Geri
Yukarı