じゃんけんゲームを作ろう

if 文,setInterval,DOM 操作を駆使してじゃんけんゲームを完成させよう！

学習の始め方

作成の STEP ごとに brunch を切ってます 各 STEP における README.md の内容を参考に自分で JavaScript を書いてみて,最終的にその STEP のコードと比較してみましょう！ ここのコードは一つの解答に過ぎませんので,より良い書き方を模索したり,違った処理で実装してみても GOOD です！

仕組み

ユーザが,グー,チョキ,パーのいずれかのボタンを押すと, 3 分の 1 の確率で,勝ち,負け,あいこの結果が表示される

STEPS

1. ユーザーに出す手を決めてもらい,それに応じて勝敗を表示する

   • ユーザーが出す手を決める 3 つのボタンを作成
   • ユーザーが手を選択したときに結果をコンソールに表示
   • 勝敗の結果がランダムになるようにする
   • 勝敗の結果がコンソールではなく,<div id='result'></div>に表示

2. じゃんけん感を強くする

   • 付属の画像を使用して,ユーザーが決めるボタンを作成
   • 付属の画像を使用して,相手の出した手がわかるように表示する
   • GAME STARTボタンを作成し,それが押されたら出す手を選択できるようにする