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

Akatshix · 17 Şubat 2023

Metin kutularına girilen bir metnin harflerini alt alta yazdıran JS kodunu yazdırma. Yapamadım yapacak biri varsa yardım edebilir mi?

453476 · 17 Şubat 2023

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.

222744 · 17 Şubat 2023

Akatshix dedi:
Metin kutularına girilen bir metnin harflerini alt alta yazdıran JS kodunu yazdırma. Yapamadım yapacak biri varsa yardım edebilir mi?

js bilmiyorum ama python ile yazayım algoritmayı size uyarsa.

kaan.w · 17 Şubat 2023

JavaScript:

const metin = "Merhaba benim adım kaan"
metin.split("").map(v => { console.log(v) })

453476 · 17 Şubat 2023

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.

Akatshix · 17 Şubat 2023

453476 dedi:

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

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

Ayrıntılı düzenleme

Akatshix

Hectopat

453476

222744

Gigapat

kaan.w

Megapat

453476

Megapat

Akatshix

Hectopat

Benzer konular