Сохраните данные в localalstorage и отобразите их как innerHTML

Question

Сохраните данные в localalstorage и отобразите их как innerHTML

Я использовал эти коды для создания простого приложения заметок. Он должен сохранить значение текстового поля в localStorage, нажав кнопку запомнить. Затем отобразите его, но нажмите другую кнопку. Но это не работает.

<HTML>

<head>
    <script>
        function myfunction1() { //remember code var
            texttosave = document.getElementById('textline').innerHTML;
            localStorage.setItem('mynumber', texttosave);
        }

        function
        myfunction2() { //recall code
            document.getElementById('recalledtext').innerHTML =
                localStorage.getItem('mynumber');
        }
    </script>
</head>

<body>
    <input type="text" id="textline" />
    <button id="rememberer" onclick='myfunction1()'>remember text</button>
    <button id="recaller" onclick='myfunction2()'>recall text </button>
    <p id="recalledtext">Loading</p>
</body>

</HTML>

0

javascript html5 stack-overflow angular2-localstorage

Источник

user8312352 05 авг '17 в 18:14

1 ответ

Решение

Другие вопросы по тегам javascript html5 stack-overflow angular2-localstorage

user4306963 05 авг '17 в 18:19 2017-08-05 18:19 · Accepted Answer · 2017-08-05 18:19

<input> элемента .innerHTML свойство не изменяется при вводе текста. Чтобы увидеть, что в настоящее время введено в поле ввода, необходимо использовать его .value имущество.

В качестве таких

texttosave = document.getElementById('textline').innerHTML ;

должен стать

texttosave = document.getElementById('textline').value ;

и это должно сделать это.

Позже вы также связались со своим тестовым сайтом. Код есть

function myfunction1(){ //remember code texttosave = ..........

но это делает texttosave = .......... часть комментария. Вам нужно написать

function myfunction1(){ //remember code
    texttosave = ..........

теперь вы положили texttosave = ...... на отдельной строке, поэтому это не считается частью комментария.

В качестве альтернативы, если вы не хотите вставлять разрывы строк для краткости кода, удалите комментарии (//remember code, //recall code), а затем вы можете держать их на одной линии.

Другой альтернативой является замена однострочных комментариев (например, // remember code) с многострочным комментарием, который вы закрываете на той же строке (т.е. /* remember code */)