こんにちは。熱しやすく冷めやすいミーハーです。

今回は、日付を入力すると、何日前後および曜日がわかる日付計算サイトを作ってみましたので、紹介します。

リンクは画像をクリック

目次

ターゲット

  • 自分が生まれて何日経ったか知りたい方
  • 任意の日にちの曜日を知りたい方
  • 任意の日にちが何日後か知りたい方

製作内容

製作者の歴

プログラミング歴:1年11ヶ月
JavaScript歴:1年9ヶ月

使用言語

  • HTML
  • SCSS
  • JavaScript

作業時間

2日

難易度

★★☆☆☆☆☆☆☆☆(星2)

仕様書

初期画面

カーソルが年のテキストボックスにおかれます

日付入力

年、月、日のテキストボックスに半角数字で入力をお願いします。
今回は、2021年東京オリンピックの開催日、2021年7月23日を入力しました。
(入力日は2021年1月14日です。)

計算ボタンをクリック

計算ボタンをクリックすると、outputエリアにそれぞれ表示されます。
もう175日もたったのか(´;ω;`)ウゥゥ
表示された単語をタイピングしてください!!

製作後の感想

Googleで「日付計算サイト」と入力すると、便利で見やすいデザインのサイトがたくさん出てきます。
ですので、このサイトは正直、需要のない自己満サイトです。
しかし、作る過程に価値があると思いますので、経験値アップ。結果オーライ!
シンプルなデザインが好きな私にとっては、ほかの日付計算サイトよりお気に入りです。
たまに「自分が生まれて何日経ったのか」と入力することや日付の曜日を知りたいときに使ったりしています。

このサイトの注意点は、半角数字しか入力できないこと。また、年のテキストボックスには100年~3000年までということです。
3000年以上もできますが、それ以上やる意味がないと判断したので、制御しています。


自分が生まれて何日経ったか知りたい方
任意の日にちの曜日を知りたい方
任意の日にちが何日後か知りたい方、ぜひ、やってみてください。

日付計算サイトはこちら