🌸 「なでしこ」
>
🍯 「貯蔵庫」
TODOリスト(マイナビ連載32回目より)
🌟新規
📒一覧
🔌
🔍検索
🚪ログイン
TODOリスト(マイナビ連載32回目より) 📖
ToDOリストです。アイテムの追加削除ができます。
プログラム:
(→大)
# マイナビ連載32回目より # https://news.mynavi.jp/article/nadeshiko-32/ # --- TODOリストのプログラム --- # 前回の保存内容を読む --- (*1) 「TODOリスト.dat」を開いて、TODOに代入。 もし、TODOが未定義ならば、TODO=[] TODO表示。 ●TODO表示 # タイトルと入力部分の指定 HTML=「<h1><a name="top">TODOの内容</a></h1>」 HTML=HTML&「<p><input id="add_txt" size=40>」 HTML=HTML&「<button id="add_btn">追加</button></p>」 # TODOの内容に基づいて繰り返しHTMLを生成する --- (*2) L=0 TODOを反復 HTML=HTML&「<li><a href="#top" data-no="{L}">{それ}</a></li>」 L=L+1 ここまで DOM親要素へ「<ul>{HTML}</ul>」をHTML設定。 TODOイベント設定 ここまで。 ●TODOイベント設定 #追加ボタンを押した時の処理を追加 --- (*3) 「#add_btn」をクリックした時には 内容=「#add_txt」からテキスト取得。 TODOに内容を配列追加。 TODOを「TODOリスト.dat」に保存。# --- (*4) TODO表示。 ここまで。 #TODOアイテムクリックで削除 --- (*5) 「a[href="#top"]」のDOM要素全取得して反復 それをクリックした時には NO=対象["dataset"]["no"] TODOのNOを配列切り取る TODOを「TODOリスト.dat」に保存。 TODO表示。 ここまで。 ここまで。 ここまで。
プログラムを実行
⭐ クジラ飛行机 作
(
関連URL
)
タイトル:
TODOリスト(マイナビ連載32回目より)
ライセンス:
MIT (
改変可/表示
)
タイプ:
wnako
タグ:
-
利用バージョン:
3.2.5
作成日時:
2021/04/29 10:25 (編集: 2021/04/30 21:36)
公開の投稿
ログイン
して★を付けよう!
Twitterへ投稿
📝作品を編集
作品公開情報
📍この作品のURL:
📍アプリ(即時実行)のURL:
📍アプリ(実行ボタンあり)のURL:
📍ブログパーツ:
上記HTML↑をブログに貼り付けることでアプリを埋め込めます。
📍ライブラリ直リンク - 『!「***」を取込』で使うとき:
📍なでしこハブ (最新版の反映は1日後):
ソースの確認
編集履歴の確認
通報数:
0
通報って何?