colorsプログラミングprogrammingお問い合わせcontact自作ゲーム置き場ゲームプログラミングお問い合わせホームプログラミング【JavaScript】おみくじを作ってみた【JavaScript】おみくじを作ってみたスポンサーリンクプログラミング2019.09.05こんにちは!セミマサです。今回はJavaScriptを使っておみくじを作ってみました。目次デモサイトソースコードHTMLCSSJavaScriptおわりにデモサイト今回のデモサイトです。id="fortune-button">おみくじを引く!</button></div></section>今回のHTMLです。4px;}今回のCSSです。['大吉','中吉','小吉','吉','末吉','凶','大凶'];shuffle(fortuneArray);};今回のスクリプトです。ボタンが押されるとおみくじの中身が入った配列がシャッフルされます。シャッフルした配列の最初の要素をおみくじの結果として画面に表示しています。配列のシャッフルにはフィッシャーとイェーツのアルゴリズムを使いました。ウィキペディアの記述が詳しくてよかったです。マサキ今日もwebでセミが鳴く関連記事プログラミングphina.jsを使ってシンプルなゲームを作ってみたJavaScriptのゲームライブラリ、phina.jsでシンプルなアクションゲームを作ってみました。プログラミング【JavaScript】テキストを1文字ずつ表示して途中で変換してみるテキストを1文字ずつ表示するスクリプトを発展させ、文字を途中で変換してみました。プログラミング【jQuery/CSS】複数のローディングアニメーションを付けるjQueryを使ってローディングアニメーションを複数付けてみました。プログラミングChromeデベロッパーツールの便利機能GoogleChromeのデベロッパーツールで便利だった機能を紹介します!プログラミング【JavaScript】サイドバーに今どこを読んでいるかを表示してみるJavaScriptを使ってサイドバーに今どこを読んでいるかを表示してみました。プログラミング【jQuery】ヒーローヘッダと固定グローバルナビを作るヒーローヘッダの作り方と、途中にあるグローバルナビを固定する方法についてまとめました。マサキなんとなくで生きてきた自分を変えるべく日々努力中のセミです。趣味はゲーム・イラスト制作・プログラミング。なにかありましたらお問い合わせフォームからご連絡ください。マサキなんとなくで生きてきた自分を変えるべく日々努力中のセミです。趣味はゲーム・イラスト制作・プログラミング。なにかありましたらお問い合わせフォームからご連絡ください。書籍紹介スポンサーリンクタイトルとURLをコピーしました。