1
1

More than 1 year has passed since last update.

はじめに

今回はHTMLJSCSSだけで〇✕ゲームが作れるので簡単に紹介したいと思います。

〇✕ゲームって?

ほとんどの人が一度はやったことがあるとは思いますが一応説明すると、

「3×3のマス目」があって〇と✕を交互に置いていって縦、横、斜めのどれかで先に3つ揃った方の勝ちというルールです。

簡単ですね。 

完成形

〇の番!」と表示されていて、クリックしたマス目の場所が〇になります。
〇✕ゲームHTML.png

HTMLコード

html.png

cssコード

css.png

JSコード(少し長いです)

1~37.png
37~73.png
74~109.png
110~146.png
147~182.png
183~219.png
219~241.png

最後に

簡易的なゲームならすぐに作れてしまうのがプログラミングを学ぶ上での醍醐味の一つかもしれないですね。他にも色々やってみたいです。

引き分け.png

1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1