3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScriptでカレンダーを作ってみた

Last updated at Posted at 2020-08-04

JavaScriptの勉強でカレンダーを作ってみました。
機能的にしょぼいですが自分的には理解が深まっていい勉強になったと思います。

まず自分で考えてわからない部分はこちらの記事を参考にさせていただきました。
https://qiita.com/kan_dai/items/b1850750b883f83b9bee

##学んだこと
・if文の文法理解
・for分の文法理解
・Dateオブジェクトの使い方
・jsのメソッド

他にもあるかもしれませんが自分の中ではこの辺の理解はかなり深まりました。
何より自分で考えてうまく動いた時の快感はマスターベーションと同等ですね。

##機能
・今月から前月、来月をボタンで表示できるようにした。
・現在日時は青く表示。
・カレンダーの空欄部分が出ないようにした。

See the Pen qBZBWmJ by taikitatata (@taikitatata) on CodePen.

qiita.rb
carender = ""
/ここにカレンダーの中身を記述していく

後はひたすらに <td>を使って中身を作って行くだけですね。
for分、if分の連発でしっかり理解できました。

うーん、もっと勉強していろんな機能増やせれるようにこれからも勉強頑張ります!!

3
1
0

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
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?