質問: ### JavaScriptの課題について JavaScriptの研修を受けている初心者です。 課題で不明な点がいくつかあり、ご質問させて頂きます。 課題は以下の通りです。 「テキストボックスに「リンク名」と「URL」を入力しボタンをクリックすると、入力されたリンク名とリンク先URLが設定されたa要素を追加するプログラムを作成してください。」 ### 発生している問題、疑問点 1,ボタンを押しても文字が表示されない 2,そもそも1を修正して表示されるようになったとしても 正確な処理が行われているか疑問。 間違っているとしたら、どの部分を、どのように修正すれば良いか。 (なぜ、間違っているかもご教示頂けるとありがたいです。) 大変お手数をおかけしますが、できれば小中学生でも分かるような説明で ご解説頂けると幸いです。 ``` 要素の作成・追加 リンク名: URL: リンク追加 ```
回答: ``` document.getElementById() ``` というのは、HTMLの要素を取得する関数となります。 ``` document.getElementById("txt") ``` では、HTMLの【input要素全体】を取得する指定となるため、 入力された値を取得するには、 ``` document.getElementById("txt").value ``` と指定しないと、入力された値は取得できません。 ``` var element_a = document.createElement('a'); element_a.innerHTML ='inputUrl'; element_a.appendChild(inputText); ``` 「element_a」というaタグの要素に対して、リンク先のURLを指定するには、 ``` element_a.href="http://" ``` と指定しますので、最終的に下記のように記述すれば、 希望通りの動作を実行できると思います。 ``` 要素の作成・追加 リンク名: URL: リンク追加 ```