###JavaScriptの課題について
JavaScriptの研修を受けている初心者です。
課題で不明な点がいくつかあり、ご質問させて頂きます。
課題は以下の通りです。
「テキストボックスに「リンク名」と「URL」を入力しボタンをクリックすると、入力されたリンク名とリンク先URLが設定されたa要素を追加するプログラムを作成してください。」
###発生している問題、疑問点
1,ボタンを押しても文字が表示されない
2,そもそも1を修正して表示されるようになったとしても
正確な処理が行われているか疑問。
間違っているとしたら、どの部分を、どのように修正すれば良いか。
(なぜ、間違っているかもご教示頂けるとありがたいです。)
大変お手数をおかけしますが、できれば小中学生でも分かるような説明で
ご解説頂けると幸いです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>要素の作成・追加</title> <script> function add_element(){ var inputText = document.getElementById("txt"); var inputUrl = document.getElementById("url"); var element_a = document.createElement('a'); element_a.innerHTML ='inputUrl'; element_a.appendChild(inputText); var output = document.getElementById('output'); output.appendChild(element_a); } window.onload = function(){ var add = document.addEventListener('add'); add.addEventListener('click',add_element,false); } </script> </head> <body> <form> <p> リンク名: <input type="text" id="txt" value=""> URL: <input type="text" id="url" value=""> <button id ="add">リンク追加</button> </p> </form> <div id="output"></div> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/10 06:41
2017/04/10 14:53 編集
2017/04/11 08:04