久々のプログラミング
2017-03-14(火) 全体公開企業見学とか帰省とかでなかなかプログラミングできませんでした。
その間に頭の中で構築していたものもあるんですけどね。
今日は頭の中で書いたものをアウトプットです。
1年前に作って公開したロジックパズル。
セルをクリックするとonclickによって動作する簡単なプログラムでした。
セルを塗るときに1マス1マス塗らなければならなくてとても煩わしい。
今回のバージョンupはプログラムを根本的に作り直しました。
addEventListenerを用いて要素に複数のイベントを記述。
mousedownで入力を認識
mouseoverで隣のセルに移ったのを認識
mouseupで入力が終わったのを認識
問題の配列と回答の配列、表示するセルという関係は変わっていません。
以前はセルをidで関係付けていましたが、
今回はセル要素を配列で格納しています。
createElement、appendChildが使えると色々できます。
最近の日記
2026-02-22(日) (全)株日記とAI
2026-02-09(月) (全)
総選挙
2026-01-22(木) (全)
共通テスト解いてみた2026
2026-01-04(日) (全)
株日記
2025-12-31(水) (全)
2025最後のライブ、シャニマス神
2025-08-24(日) (全)
鬼滅の刃無限城1見てきた
2025-08-02(土) (全)
デレステ
2025-07-20(日) (全)
選挙の話
2025-07-12(土) (全)
選挙の話とか
2025-07-06(日) (全)
株とAI
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |