Skip to main content

日付の表示

目標#

今日の日付を表示しよう!

サンプルコード#

1.HTMLのコードを、Glitchの index.html に追加しよう!#

最初は何も表示されなくてOK

<div>    <p id="gallery_today"></p></div>

2.CSSのコードを、Glitchの style.css に追加しよう!#

#today{    color: gray;}

文字の色を変えたい時は、grayの部分を変更します。好きな色の名前を入れてみましょう!

3.JavaScriptのコードを、Glitchの script.js に追加しよう!#

const today = new Date()
// (TRY!) Hackking-Timeでやったことを思い出して書いてみましょう!!let gallery_today = document.getElementById("gallery_today")
// (TRY) todayから必要な情報をとる



// 表示内容を合体して gallery_today の innerText に代入

4.(TRY!) と書いてある箇所を書き換えて、コードを完成させよう!#

  • 注意) JavaScriptのgetMonthで月は0-11で返ってきます。つまり、1月の場合 0 が、12月の場合 11 が返ってきます。表示するときは、そのまま表示しないようにきつけましょう!
  • いつもの表ものせておきます。書かれた章の表を参考にすると、日時以外も表示できます。挑戦してみてください!

参考