僕は、絵文字スロットというゲームを作成しました。
HTMLファイルには、以下のようなコードを含みます。
絵文字スロット
JavaScriptコードには、以下のようなコードを含みます。
const reels = ["
😀", "
🤔", "
😱", "
😎", "
🤓", "
😂", "
👻", "
🤩", "
😇"]; // スロットに表示されるアイテム
const spinButton = document.querySelector("#spin-button"); // スピンボタン
spinButton.addEventListener("click", () => {
const reel1 = document.querySelector("#reel-1"); // リール1
const reel2 = document.querySelector("#reel-2"); // リール2
const reel3 = document.querySelector("#reel-3"); // リール3
const items = [reel1, reel2, reel3];
items.forEach(item => {
const randomIndex = Math.floor(Math.random() * reels.length);
item.innerHTML = reels[randomIndex];
});
});
これによって、ボタンが押されると、3つのリールが回転し、ランダムに選ばれたアイテムが表示されます。絵文字スロットを作成することで、スマートフォンでも楽しめるシンプルなゲームを作成しました。
2892
Prev
Script
Back
0
0