日報テンプレートのJavaScript化

✅Done

要望

タイトル部の日付

本文部

今日の日付

明日の日付

最初：

code:first.js

let today = new Date();

function zeroPad(num){

}

return {

${today.getFullYear()}-${zeroPad(today.getMonth() + 1)}-${zeroPad(today.getDate())}

| 今日やったこと/学んだこと/感じたこと

| 今の気持ち（5段階評価）

| 今日やった新体験

}

なにかがダメらしい

つぎ

code:second.js

let today = new Date();

let tomorrow = new Date(today);

tomorrow.setDate(today.getDate() + 1);

function zeroPad(num) {

}

let dateText = ${today.getFullYear()}-${zeroPad(today.getMonth() + 1)}-${zeroPad(today.getDate())};

let nextday = ${tomorrow.getFullYear()}-${zeroPad(tomorrow.getMonth() + 1)}-${zeroPad(tomorrow.getDate())};

const report =[

うごかない！

ここらで簡単に動くようなものを作ろうと考えた

code:bad.js

const name = "cFQ";

return

${name}

何らかの関数の変更でなければダメなわけだ

code:test.js

const today = new Date();

${today}

code:test3.js

const today = new Date().toLocaleDateString('sv-SE')

${today}

参照

小ネタです、JavaScriptで本日の日付をYYYY-MM-DD形式で得るコードは案外面倒です。

出力がなされない

ボタンの方でどういうどうさをやっているのか知る必要がありそう

動作するテンプレートと何が違う？

簡単な動作なら動くぞ

code:templa.js

// 日付をYYYY-MM-DDの書式で返すメソッド

function formatDate(dt) {

var y = dt.getFullYear();

var m = ('00' + (dt.getMonth()+1)).slice(-2);

var d = ('00' + dt.getDate()).slice(-2);

return (y + '-' + m + '-' + d);

};

formatDate(new Date());

下のfomatdateの処理が抜けていたからだった

これを日報に組み込むにはどうしたらいいんだろう

ヒント：一からやり直せ

code:template.js

(function() {

var date = new Date();

var today = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + date.getDate()).slice(-2);

var tomorrow = new Date(date);

tomorrow.setDate(date.getDate() + 1);

var nextDay = tomorrow.getFullYear() + '-' + ('0' + (tomorrow.getMonth() + 1)).slice(-2) + '-' + ('0' + tomorrow.getDate()).slice(-2);

return `日報 ${today}

`;

})()

undefined

苦闘の跡

https://gyazo.com/a9406ea2799e219ed34f7ee2e078db91