する質問をすることでしか得られない、回答やアドバイスがある。151テキストボックスに「リンク名」と「URL」を入力しボタンをクリックすると、入力されたリンク名とリンク先URLが設定されたa要素を追加するプログラムを作成したいのですが、うまくできません...以下のコードは自分で作成したコードとなります。</div></body></html>attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+1こんにちは。見で気づいた点を挙げますと、以下の4点です。いう変数が使われているが、使われる前に宣言、初期化されていない。そもそもHTMLのほうで<form>が必要というわけではない。値となるURLの前後に余分な空白が入ってしまう。appenChildはスペルミス。appendChild上記を修正した一例が以下です。以上、参考になれば幸いです。document.forms[0];を追加するとよいかと思います。使った場合の一例です。ボタンにして、イベントハンドラadd_elementを<form>のsubmitイベント発生時に設定しています。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。11:55ご丁寧にご回答いただき誠にありがとうございます。「jsfiddle.net」の方に上げて下さった環境で試してみましたら、リンク追加ボタンを押す度にリンクを作成することができました。補足まで、ご丁寧にご解説いただきまして、誠にありがとうございます。一点だけ、おそらく自分の環境に問題があると思うのですが、「cloud9」の方で実際にご回答下さったコードで実行してみましたら、リンク追加ボタンを押しても追加されないという現象が起きてしまっていまして。cloud9だから実行できないということはないと思いますし、もう少し調べてみようと思います。ご丁寧にご回答いただき誠にありがとうございます。「jsfiddle.net」の方に上げて下さった環境で試してみましたら、リンク追加ボタンを押す度にリンクを作成することができました。補足まで、ご丁寧にご解説いただきまして、誠にありがとうございます。一点だけ、おそらく自分の環境に問題があると思うのですが、「cloud9」の方で実際にご回答下さったコードで実行してみましたら、リンク追加ボタンを押しても追加されないという現象が起きてしまっていまして。cloud9だから実行できないということはないと思いますし、もう少し調べてみようと思います。12:52コメントありがとうございます。差しつかえなければ、cloud9に上げたURLをお知らせ頂けましたら、そちらを拝見します。コメントありがとうございます。差しつかえなければ、cloud9に上げたURLをお知らせ頂けましたら、そちらを拝見します。13:46ご親切にありがとうございます。申し訳ないのですが、チェック頂けましたら幸いです。以下はURLになります。https://ide.c9.io/newyee/study2お手数おかけして、申し訳ありません。ご親切にありがとうございます。申し訳ないのですが、チェック頂けましたら幸いです。以下はURLになります。お手数おかけして、申し訳ありません。9のログインページが表示されました。9のログインページが表示されました。ソースを見ますので、レポジトリのURLをお知らせ頂ければと思います。ソースを見ますので、レポジトリのURLをお知らせ頂ければと思います。17:58申し訳ありません。cloud9はログインしていなかった場合コードを確認することは不可能でした。確認を怠ってしまいすみませんでした。Githubは使用しておらず、使い方が分からなかった為、codepenというサイトにコードをアップロードしたので、そちらの方からチェック頂いてもよろしいでしょうか...?https://codepen.io/newyee/pen/jpdwjKお手数おかけしてしまい、すみません。cloud9はログインしていなかった場合コードを確認することは不可能でした。確認を怠ってしまいすみませんでした。お手数おかけしてしまい、すみません。https://codepen.io/newyee/pen/jpdwjKを拝見しました。18:25チェック頂きありがとうございます。教えて下さった、2行の部分が抜けておりました...修正したところ、リンクを追加することができました。お手数おかけしてすみませんでした。親切に対応して下さり、ご丁寧に教えて下さり誠にありがとうございました。チェック頂きありがとうございます。修正したところ、リンクを追加することができました。お手数おかけしてすみませんでした。親切に対応して下さり、ご丁寧に教えて下さり誠にありがとうございました。18:29解決されたようですね。よかったです!解決されたようですね。ついて解決済javascript、APIレスポンスフィールドを使用したエラーについて解決済テキストボックスに入力したリンク先を要素として追加したい。0ボタンを押したらボタンが出てくるプログラム、最初のボタンを消去して見た目を整えたい。頂いたご意見への回答は行っておりません。