<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>
js bilmiyorum ama python ile yazayım algoritmayı size uyarsa.Metin kutularına girilen bir metnin harflerini alt alta yazdıran JS kodunu yazdırma. Yapamadım yapacak biri varsa yardım edebilir mi?
<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>
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.
Bu sitenin çalışmasını sağlamak için gerekli çerezleri ve deneyiminizi iyileştirmek için isteğe bağlı çerezleri kullanıyoruz.