課題で出されたが、全くわからず調べても回答にたどり着けません。

Question

今回の問題はJavascriptを用いて、

Current Date Format 1 is 05-25-2022 // Current Date format 1 is MM-DD-YYYY
Current Date Format 2 is 25-05-2022 // Current Date format 2 is DD-MM-YYYY
Current Date Format 3 is 2022-05-25 // Current Date format 3 is YYYY-MM-DD

を出力したいです。ですが、、どの方法でも出力ができず、たくさんのサイトから勉強したのですが、解決できません。なにか方法はありますか？

Comments

[maisumakun]

> どの方法でも出力ができず

実際に試したコードをご提示いただけませんか？

[Cocode]

英語で課題をされているということは英語がおできになると思うのですが、英語で検索をかけかたらたくさんヒットしますよ〜。
こちらなど参考になりそうです。

https://stackoverflow.com/questions/1531093/how-do-i-get-the-current-date-in-javascript/4929629#4929629

あと、あまりにも丸投げの質問すぎると思います。
ご自身のコードを載せていないだけでなく、課題のスクリーンショットそのままは良くないかと思われます。
公開しても大丈夫なのでしょうか？
問題提供側から訴えられてもおかしくないかと思います。

また、teratailは日本語メインのサイトですので、問題文を日本語に翻訳して質問された方がいいと思います！

訴えられないよう自衛のためにも＆回答をもらいやすくするためにも、つまりご自身のために日本語に翻訳して質問されることをおすすめします。

[m.ts10806]

＞を出力したいです。ですが、、どの方法でも出力ができず、たくさんのサイトから勉強したのですが、解決できません。

それらを具体的に記載してください。
見ている人は赤の他人なので、書かれている以上のことはわかりません。
例えば「調べた」だけで伝わるのは、「何も調べてない」ということだけです。

ただ、課題なのであれば赤の他人より適切な相談先があるのでは。
課題やカリキュラムの意図しない方向性のアドバイスがされた場合、
困るのはあなたです。

Answer 1

例示の部分はpromptとgetElementByIdの使い方を学習する内容のように見えます。
今回は入力した値をどう整列させて表示させるかをきいているのでは？
入力値の有効性チェックやUIをどうしたいかでだいぶソースは変わってきますね

参考

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  calc.addEventListener('click',()=>{
    const targetDate =new Date(y.value,m.value-1,d.value);
    const currentDate=new Date();
    const strY=currentDate.getFullYear();
    const strM=(currentDate.getMonth()+1).toString().padStart(2, '0');
    const strD=currentDate.getDate().toString().padStart(2, '0');
   
    const res=
`Your Birsthday is - ${targetDate.toString().substr(4,11)}
Age in days - ${Math.ceil((currentDate.getTime()-targetDate.getTime())/86400000)}
Day of the week -${"Sun,Mon,Tues,Wednes,Thurs,Fri,Satur".split(',')[targetDate.getDay()]}day
+---------+---------+---------+---------+---------+
Current Date Format 1 is ${strM}-${strD}-${strY}
Current Date Format 2 is ${strD}-${strM}-${strY}
Current Date Format 3 is ${strY}-${strM}-${strD}`;
    output.textContent=res;
  });
});
</script>
Birth Year = <input id="y" value="1999"><br>
Birth Month = <input id="m" value="03"><br>
Birth Date = <input id="d" value="28"><br>
<input id="calc" type="button" value="calc">
<hr>
<output id="output" style="white-space:pre"></output>