クリスマスな時計 by くれあ

#クリスマスな時計
#2021/12/22

#日数を設定する
日数に今日の/*9文字目*/9から2文字抜き出して代入
/*05日を5日にするために*/日数に「{日数×1}」を代入

#フォントを設定する
DOM親要素に『
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap" rel="stylesheet">
    』をHTML設定

#時間、今日の日付、飾りつけを表示する
時間ラベル＝今のラベル作成して改行作成
日付ラベル＝「~ {今年}.{今月}.{日数} ~🎄」のラベル作成
飾りつけラベル＝「❄ Merry Christmas !! > 🦌🎅」のラベル作成

時間ラベルに｛
    文字サイズ：「{1.3×80}px」、
    色："crimson"、
    /*上の余白*/ 「padding-top」：「{1×80}px」、
    「font-family」：「'Leckerli One', cursive」、
    「display」:「block」、
    「text-align」:「中央」
    ｝をDOMスタイル一括設定

日付ラベルに｛
    文字サイズ：  「{0.4×80}px」、
    色："darkcyan"、
    /*上の余白*/ 「padding-top」：「{0.5×80}px」、
    /*下の余白*/ 「padding-bottom」：「{0.5×80}px」、
    「font-family」：「'Leckerli One', cursive」、
    「display」:「block」、
    「text-align」:「中央」
    ｝をDOMスタイル一括設定

飾りつけラベルに｛
    文字サイズ：  「{0.4×80}px」、
    色："silver"、
    「font-family」：「'Leckerli One', cursive」、
    「display」:「block」、
    「text-align」:「中央」
    ｝をDOMスタイル一括設定

1/60秒毎には
    時間ラベルに今をテキスト設定
    ここまで