415566
ホーム \| 日記 \| プロフィール	【フォローする】【ログイン】

プログラミング好きなきょうゆうくんのブログ

【毎日開催】

15記事にいいね！で1ポイント

10秒滞在

いいね! --/--

次の日記を探す

おめでとうございます！
ミッションを達成しました。

※「ポイントを獲得する」ボタンを押すと広告が表示されます。

プロフィール

きょうゆうくん

フォローする

カレンダー

バックナンバー

2024.05
2024.04
2024.03
2024.02
2024.01

2023.12
2023.11
2023.10
2023.09
2023.08

カテゴリ

カテゴリ未分類

(410)

プログラミング

(3)

python

(311)

html

(36)

javascript

(96)

VC#

(79)

php

(119)

小技

(18)

android studio

(32)

料理

(5)

詐欺

(17)

SQL

(7)

VC++

(5)

用語

(3)

ubuntu

(0)

node.js

(13)

生活用品

(78)

映画

(4)

韓流・華流

(107)

ジュエリー

(56)

調べもの

(69)

ファッション

(4)

タイドラマ

(1)

歴史

(44)

お菓子

(3)

玩具

(1)

3DCG

(0)

ことわざ

(1)

blender

(96)

Vue.js

(5)

TypeScript

(2)

日記/記事の投稿

Vue+PHP
EW-056A wifi パスワード
Vue.jsで画像表示
vue.jsの練習
typescriptの型推論

コメント新着

Sownjtj@ брауни У вас есть впечатляет материал на этом…

Dantepoume@ Поиск дешевых авиабилетов Отлично блог прямо здесь! Также ваш сай…

Dantepoume@ Поиск дешевых авиабилетов Я наслаждаюсь， приводит к я нашел толь…

Dantepoume@ Поиск дешевых авиабилетов Хороший блог здесь! Кроме того， ваш ве…

キーワードサーチ

▼キーワード検索

< 新しい記事

新着記事一覧(全1625件)

過去の記事 >

2024.03.27

javascriptのお勉強：locatstrageによる日記帳

カテゴリ：javascript

カレンダーから獲得した日付をキーとしてLocalStrageへ
格納しています。

実験サイト

<html>
    <head>
        <meta charset="UTF-8">
        <title>localStorageの日記</title>
    </head>
    <body>
        <h1>localStorageの日記</h1>
        <input type="date" id="date0" value="" onchange="load()"><br>

        <input type="button" value="書き込み" onclick="save()" ><br>
        <textarea name="example2" id="text1"  value=""  cols="50" rows="10"></textarea>

           
            <script type="text/javascript">
                function load() {
                    var keyData = document.getElementById('date0').value;
                    var storageData = "";
                    if(!localStorage.getItem(keyData)) {
                        storageData = "空";
                    } else {
                        storageData = localStorage.getItem(keyData);
                    }
                    document.getElementById('text1').value=storageData;
                }
                function save() {
                    var keyData = document.getElementById('date0').value;
                    var storageData = document.getElementById('text1').value;
                    localStorage.setItem(keyData, storageData);
                }
            </script>
        </body>
</html>