To Do Listの作成

2820 ワード
テキストリンク

注：Microsoft To Do（UI）


  • ビルゲイツの歌い方:Micro~優しく~


  • To Doリストを作るためにメンターのブログを参考にしました実はクローンが

    • ->品質のある情報を見たいなら::河允敏発展

  • は粗末だが、暗いモードも実現した.
    下にはぼろぼろの切り替えボタンがあります
  • html 
    <button onclick="darkMode()">Day / Night</button>
  • JavaScript 
    function darkMode() {
  let body = document.body;
  body.classList.toggle("dark-mode");
}

    • UIのデザインはできるだけMicrosoft To Doと似ています。


    ちょっと似てるかな?似てないの?
    私もその意見に同意します...

    左上隅のぼろぼろボタンを押すと、暗いモードも現れます.

    マウスを項目にぶら下げると、ぶら下がり効果が発生します.


    ゴミ箱も効果が増しています.

    作成日時を追加する機能を実現しました。


    これは読み込み時間の関数です!
  • JavaScript 
    const makeTime = () => {
    let nowDate = new Date();
    let year = nowDate.getFullYear();
    let month = Number(1 + nowDate.getMonth());
    let day = nowDate.getDate();
    let hour = nowDate.getHours();
    let min = String(nowDate.getMinutes());
    let sec = nowDate.getSeconds();
    がよく表示されています!
    • 日付が1ヶ月前に表示されていたので、理由を聞いてみましたが、getMonthの範囲は0から11なので、これに1を足すと適当な日付が表示され始めました.皆さん我慢してください!
    let month = Number(1 + nowDate.getMonth());
    驚いたことに、これが私の欠点のシュートです......

    To Do List(クローン)作成後...

  • JavaScriptで何かをするのは、私には漠然としています.
  • はいつJSを使うことをマスターしますか?考えている.
  • しかし、これは間違った考えです.私たちはグーグルを持っています.
    • どうしてグーグルで機能を使えばいいのか分からないのですか?
  • は、自分で作るという絶望感を持って、1週間も無駄にしたのが残念です.
  • 今回のTo Do Listは河允敏先生のブログを参考にして作成されたもので、実はコードを読んだり、探したり、解釈したりするのに多くの時間を費やしたが、この方法でJSの実力が向上したようだ.
    • 実際、
  • では、ローカルストレージに格納およびソート方法については理解されていません.申し訳ありません.ㅠㅠ
    • [光州職業学校]インテリジェント人材開発院で学んだデータベース-復習2-7
    4-4.(5) Thread Wait Notify