サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

現在位置: index.html » elm » elm-todo-localstorage

トレース:

elm:elm-todo-localstorage

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- elm:elm-todo-localstorage [2019/05/06] – [ElmでlocalStorageでTodoアプリ] adash333
+++ elm:elm-todo-localstorage [2019/06/02] (現在) – [ElmでlocalStorageでTodoアプリ] adash333
@@ 行 5: / 行 5: @@
 index.htmlでJavaScriptでlocalStorageへの書き込み、読み込みを行い、main.js（Main.elmをJavaScriptにコンパイルしたもの）とそのデータの通信を行います。
-まだ途中ですが、以下に記載させていただきます。
+どこか間違っているかもしれませんが、以下に記載させていただきます。
 http://i-doctor.sakura.ne.jp/font/?p=37627
@@ 行 11: / 行 11: @@
 年5月6日
+ソースコード
+https://github.com/adash333/elm-todo-localstorage2
+DEMOサイト
+https://modest-noether-b47b5e.netlify.com/
+{{:elm:pasted:20190602-165347.png}}
 ===== Elmでtodoアプリのリンク =====
@@ 行 61: / 行 65: @@
+===== Enterを押したときに、Submitボタンを押したときと同じ挙動にできないか。。。 =====
+https://stackoverflow.com/questions/40113213/how-to-handle-enter-key-press-in-input-field
+→このやり方でいけました！感謝！
+{{:elm:pasted:20190508-084425.png}}
+さらに、テキスト入力欄に最初からカーソルを入れてほしい。。。
+《2017年6月9日 12:00 PM 公開/更新》
+テキスト入力欄に最初からカーソルを入れる(フォーカスを与える)方法
+https://www.nishishi.com/javascript-tips/form-focus.html
+https://stackoverflow.com/questions/31901397/how-to-set-focus-on-an-element-in-elm
+{{:elm:pasted:20190508-084807.png}}
+https://package.elm-lang.org/packages/elm/html/1.0.0/Html-Attributes#autofocus
@@ 行 84: / 行 99: @@
 前：[[elm:port|Elmでポートport]]
-次：
+次：[[elm:elm-firebase|elm:elm-firebase]]
 目次：[[elm:index.html|Elm]]

elm/elm-todo-localstorage.1557141265.txt.gz · 最終更新: 2019/05/06 by adash333