2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

JSでカレンダー作りました!

Last updated at Posted at 2023-12-03

はじめに

 私はITについて勉強をしている学生で、最近JavaScriptについて学習しています。私はもともとフロントエンドについて興味があったので、楽しく学習しています。今回クラスのみんなでアドベントカレンダーを作成するということになり、自分は何をしようか考えました。ふと、カレンダーを作ろうと思い最近習っているJavaScriptを使用して作ることにしました。

サンプルコード

HTML

HTML.png

CSS

css.png

JavaScript

js.png

js2.png

完成した画面

完成した画面はこのようになりました。

calendar_complete.png

サンプルコードはシンプルなものにしましたが、私らしさを出したかったので、CSSを変えてピンクっぽいカレンダーにしてみました。

pink.png

クリスマスを意識したデザインも...

Christmas.png

こんな風に自分でCSSを変えるのも楽しいですね。

まとめ

 いかがでしたでしょうか。サンプルコードを使って皆さんもカレンダーを作ってみてください!!読んでくれてありがとうございました。

クリスマスまであと22日:santa_tone1::calendar:
2
2
2

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
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?