为什么刷新页面后我在页面上的输入消失了，但是输入保存在控制台的本地存储中？

Question

link to my web application: https://malekmekdashi.github.io/work_day_scheduler/

link to my github repo: https://github.com/malekmekdashi/work_day_scheduler

I cannot seem to solve this issue that I'm having. My goal is that whenever I refresh the page after inputting some values in the text box, the values will remain on the page along with local storage. However, I am unable to do so. If someone can be so kind as to help me solve this issue, I would greatly appreciate it. Here is a little example of the code that I'm working with

HTML: <div class="row time-block" id="1"> <div class="col-md-1 hour" id="1">9am</div> <textarea class="col-md-10 description" id="inputValue"></textarea> <button class="saveBtn col-md-1"><i class="fa fa-save"></i></button> </div>

Javascript:

$('.saveBtn').on('click', function() { var inputValue = $(this).siblings('.description').val();

localStorage.setItem("inputValue", inputValue);});

$('inputValue.description').val(localStorage.getItem('inputValue'));

Answer 1

Your selector is wrong in two ways.

1. Like in the comments already said: Your return will be an array. You have multiple ids inputValue with class description .

2. You want to select id inputValue , which means you need to use #inputValue . Also you need to combine them by leaving out the whitespace otherwise you search for childrens. Correct jQuery would be $('#inputValue.description')