Q&A
https://teratail.com/questions/190883?sort=2のページにて、「画像と文字をセットでランダム表示させ指定のURLに飛ぶようにする」方法が回答という形で書かれているのですが、私は全くもってHTMLとCSSをかじっただけの初心者なため、どのJavaScriptを外部ファイルに記述して、どうやってHTMLで読み込み実行するのか分かりません。
<script type="text/javascript" src=".js"></script>を</body>直上に入れるのだけは分かるのですが、それ以外は全くもって理解できないためご教授いただけないでしょうか？
回答1件
0
ベストアンサー
https://teratail.com/questions/190883?sort=2
の回答の結果できあがるhtml及びcssを作りたいという質問と理解しました。
であれば
html
1<!DOCTYPE html> 2 3<html lang="ja"> 4 <head> 5 <meta charset="utf-8" /> 6 <script src="main.js"></script> 7 </head> 8 <body></body> 9</html>
上記のようなhtmlを作り、以下のようなjsファイル(main.js)をhtmlと同じフォルダに置けばとりあえず動作するかと思います。※画像やURLは修正してください。
js
1// ランダムに画像を表示する 2jmp = new Array(); 3img = new Array(); 4txt = new Array(); 5// ジャンプ先のアドレス(数字は画像と対応) 6jmp[0] = '表示させたいページのURL0'; 7jmp[1] = '表示させたいページのURL1'; 8jmp[2] = '表示させたいページのURL2'; 9jmp[3] = '表示させたいページのURL3'; 10jmp[4] = '表示させたいページのURL4'; 11jmp[5] = '表示させたいページのURL5'; 12// 画像のアドレス(数字はジャンプ先のアドレスと対応) 13img[0] = '表示させたい画像のURL0'; 14img[1] = '表示させたい画像のURL1'; 15img[2] = '表示させたい画像のURL2'; 16img[3] = '表示させたい画像のURL3'; 17img[4] = '表示させたい画像のURL4'; 18img[5] = '表示させたい画像のURL5'; 19txt[0] = 'text0'; 20txt[1] = 'text1'; 21txt[2] = 'text2'; 22txt[3] = 'text3'; 23txt[4] = 'text4'; 24txt[5] = 'text5'; 25n = Math.floor(Math.random() * jmp.length); 26document.write("<a href='" + jmp[n] + "'>"); 27document.write("<img src='" + img[n] + "' border='0'>"); 28document.write('<p>' + txt[n] + '</p>'); 29document.write('</a>'); 30
投稿2021/07/22 06:48
総合スコア155
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/07/22 08:20 編集
2021/07/22 08:35
2021/07/22 08:44