質問: ### 前提・実現したいこと HTMLとJavascriptの組み合わせで診断ツールを作成しています。 そのツールで、ブラッシュアップとしてボタンを装飾したいです。 ボタンの画像を作成してURLを挿入したのですが表示されないため、表示させる方法をご存知の方がいらっしゃいましたら教えて頂きたいです。 ### 発生している問題・エラーメッセージ ボタンが表示されない。 ### 実際のコード 診断ツール 1自分のことがあまり好きではない。 Yes No 2人に自慢できる才能がある。 Yes No 3夢を熱く語るのは少し恥ずかしい。 Yes No 4周りの友人3人から自分が「どんな人と思われているか」的確に答えることが出来る。 Yes No 5自分の長所と短所それぞれ7個すぐに答えることが出来る。 Yes No 6将来の夢について30分以上熱く語ることが出来る。 Yes No 7「あなたは誰ですか?」と聞かれて、名前や職業、役職を使わずに自分を説明できる。 Yes No 8「あなたの才能は?」と聞かれて、1分以内に10個以上自分の才能を答えられる。 Yes No 9「3年後の自分の人生」についてどこで、誰と、何をしていたいか分かっている。 Yes No 診断する! ### 試したこと 診断する! ↑ この記述の「診断する!」の部分に を入力しましたが、画像が表示されませんでした。
回答: ``で指定している画像のURL`https://drive.google.com/open?id=1nBhDkFxzYYopsKYgZ2Hl_161V-1EnW9x.jpg`について、ブラウザのURL欄に入力してアクセスしてみてください。 おそらく表示されないと思います。 Google ドライブ側で、URLを知っていれば誰でもアクセスできるように権限を設定したりする必要があると考えられます。 (そもそもGoogle ドライブでsrcに入力できるようなURLを生成できるのでしょうか..?)