【JavaScript】おみくじを作ってみた

スポンサーリンク
おみくじアイキャッチプログラミング

こんにちは!セミマサです。

今回はJavaScriptを使っておみくじを作ってみました。

デモサイト

今回のデモサイトです。

ソースコード

HTML

今回のHTMLです。

CSS

今回のCSSです。

JavaScript

今回のスクリプトです。

ボタンが押されるとおみくじの中身が入った配列がシャッフルされます。シャッフルした配列の最初の要素をおみくじの結果として画面に表示しています。

配列のシャッフルにはフィッシャーとイェーツのアルゴリズムを使いました。ウィキペディアの記述が詳しくてよかったです。

おわりに

無事動くものが作れました!

タイトルとURLをコピーしました