Q&A
表示されますよ。
テキストは出ないですけど。
CSSでliの黒点消してますかね。
前提・実現したいこと
簡単なtodoリストを作っているのですが、テキストを入力して追加を押してもli要素が表示されないです。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>やることリスト</title> <link rel="stylesheet" href="todo.css"> <body> <div id="container"> <h1>やることリスト</h1> <input type="text" id="text_name"> <input type="button" value="追加" onclick="add()"> <ul id="todoList"></ul> </div> <script> function add() { var box = []; var input = document.getElementById("text_name"); box.push(input.nodeValue); for (var i =0; i < box.length; i++) { var li = document.createElement('li'); li.textContent = box[i] document.getElementById('todoList').appendChild(li); } } </script> </body> </html>
試したこと
原因をずっと調べているのですが現時点では分かっていないです。。
ご教示いただけると幸いです、
cssの黒点を消さないようにしたら、黒点が出るのが確認できました！
テキストはどのようにしたら出るのでしょうか？
よろしくお願いします
機能確認するところからでしょうか。
https://developer.mozilla.org/ja/docs/Web/API/Node/nodeValue
あとブラウザのデベロッパツールの使い方を知る。
問題切り分けができないと問題解決能力は育ちませんから。
回答1件
0
ベストアンサー
input.nodeValueではなくinput.valueじゃないでしょうか？
投稿2020/10/29 08:12
総合スコア2411
あなたの回答
tips
プレビュー
