久々のプログラミング
2017-03-14(火) 全体公開企業見学とか帰省とかでなかなかプログラミングできませんでした。
その間に頭の中で構築していたものもあるんですけどね。
今日は頭の中で書いたものをアウトプットです。
1年前に作って公開したロジックパズル。
セルをクリックするとonclickによって動作する簡単なプログラムでした。
セルを塗るときに1マス1マス塗らなければならなくてとても煩わしい。
今回のバージョンupはプログラムを根本的に作り直しました。
addEventListenerを用いて要素に複数のイベントを記述。
mousedownで入力を認識
mouseoverで隣のセルに移ったのを認識
mouseupで入力が終わったのを認識
問題の配列と回答の配列、表示するセルという関係は変わっていません。
以前はセルをidで関係付けていましたが、
今回はセル要素を配列で格納しています。
createElement、appendChildが使えると色々できます。
最近の日記
2025-08-02(土) (全)デレステ
2025-07-20(日) (全)
選挙の話
2025-07-12(土) (全)
選挙の話とか
2025-07-06(日) (全)
株とAI
2025-06-14(土) (全)
株日記
2025-06-01(日) (全)
学マス1stの裏で
2025-05-31(土) (全)
学マス1st
2025-05-16(金) (全)
株日記
2025-04-27(日) (全)
ライブと備忘録
2025-04-26(土) (全)
ライブ参加歴
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 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 |