画像をランダム(Math.random)に表示する。学びの道webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。この広告は、90日以上更新していないブログに表示しています。画像をランダム(Math.random)に表示する。使って、画像をランダム(Math.random)に表示させてみたいと思います。【準備】ランダムに表示させたい画像を6個用意。数字にして保存します。)を、ランダムに抽出し、document.writeでランダムに画像を表示する。先に、document.writeから記載し、何を表示させたのかを明確にするとやりやすい。【例1】更新ボタンをクリックすると、毎回ランダムに画像が表示されます。'.jpg"></p>');</script></body></html>※Math.floor:小数以下を切り捨てにして整数にします。※Math.random:小数点以下の数字も含まれた乱数を計算し、返します。※<p></p>は無くても今回は大丈夫でした。.jpg=「拡張子」です。+1が無い場合、画像の名前が0からカウントされる為、0画像が見当たらないとエラーが出ます。いうボタンがクリックされると、毎回ランダムに画像が表示されます。onclick="dice()">サイコロを振ってみる</button></p></body></html>※<script>~</script>が<head><\head>内に移動しています。※1~4◆の部分が今回新たに追記されました。※3◆は初期値として表示される画像となり、img/1.jpgでなくともOKです。上記【例2】のボタンをクリックすると、ボタンが消えてしまうのを消えないようにしたい!document.write(windowオブジェクト)によって画面の上書きが行われ、ボタンが画面から消えてしまう。いうボタンがクリックされると、毎回ランダムに画像が表示される。クリック後も、ボタンは画面から消えない。onclick="dice()">サイコロを振ってみる</button></p></body></html>※◆の部分が今回新たに変更されています。'.jpg';↑ここのdimg.が6◆のname="dimgにかかります。name="dimg"></p>nameはタイミングによって(今回はボタンがクリックされたタイミング)読まれる際に、何かを指定するに場合に使用します。画像をランダム(Math.random)に表示する。画像をランダム(Math.random)に表示する。»profileid:kaoru01-05webサイト制作学校で学んだ事をメモしていきます。Adobe製品の使用は初です。予約システムのカレンダーを表示する方法SVG画像でアイコンを作成する方法。RSSを取得し表示させる。検索はてなブログをはじめよう!kaoru01-05さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。