Lưu dữ liệu đầu vào vào localStorage trên nút bấm

Question

Tôi đang cố gắng xây dựng ứng dụng web đầu tiên của mình. Trong ứng dụng của tôi, tôi cần phải có một bảng điều khiển cài đặt, nhưng tôi không có ý tưởng làm thế nào để làm điều đó. Tôi đã tìm kiếm trên web và gặp một HTML5 localStorage, mà tôi tin rằng đó có thể là cách tốt nhất để làm những việc này. Nhưng vấn đề là tôi không biết cách sử dụng nó.

<input type='text' name="server" id="saveServer"/> 

Làm cách nào để lưu dữ liệu từ đầu vào vào localStorage khi người dùng nhấp vào nút? Một cái gì đó như thế này?

<input type='text' name="server" id="saveServer"/> 

<button onclick="save_data()" type="button">Save/button> 

    <script> 
      function saveData(){ 
     localStorage.saveServer 
     } 
     </script> 

Answer 1

Đối tượng localStorage được sử dụng để lưu trữ một mục. Phải mất 2 đối số - một chìa khóa mà bạn có thể tham khảo các mặt hàng và một giá trị:

var input = document.getElementById("saveServer"); 
localStorage.setItem("server", input.value); 

Đoạn mã trên đầu tiên được một tham chiếu đến các yếu tố input, và sau đó lưu trữ một mục ("máy chủ") trong lưu trữ cục bộ với giá trị của giá trị của thành phần input đó.

Bạn có thể lấy giá trị bằng cách gọi getItem:

var storedValue = localStorage.getItem("server"); 

Answer 2

này đã làm việc cho tôi. Đối với vị trí I đặt .value đằng sau var và gọi là var trong setItem:

var input = document.getElementById('saveServer').value; 
localStorage.setItem('server', input); 

Để nhận được văn bản trở lại:

document.getElementById('saveServer').value = localStorage.getItem('server');