html page:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="../css/styles.css"> <title>Отчёт</title> </head> <body> <div class="layout"> <div id = "divShow"><strong>Просмотр записей</strong></div> <img src="../img/reel-of-film.png" alt="reel-of-film-image" class="reel-of-film-image"> </div> <script src="../js/singletonlist.controller.js"></script> </body> </html>

singletonlist.controller.js:

 (function() { var results = JSON.parse(localStorage.getItem('results')); var newElem=document.createElement("table"); var newRow=newElem.insertRow(1); var newCell = newRow.insertCell(1); newCell.width="200"; newCell.innerHTML="строка 1 столбец 1"; })();

There is an object:

 var userData = { login: formElements.login.value, password: formElements.password.value, typeOfTVShow: formElements.typeOfTVShow.value, tvShows: [], isCinemaddict: formElements.isCinemaddict.value, comment: formElements.comment.value };

The array with these objects is stored in localStorage, how for each object from localStorage to make its table on the html page?

  • login / password in localStorage? For different users? - Igor
  • Yes, there are different users - bsuart
  • uh-uh, you are not confused that the client stores passwords for different users? - Igor
  • It does not confuse, since this field is relative and does not play any role, the report will have to submit only login, typeOfTVShow, tvShows, isCinemaddict, comment. - bsuart

1 answer 1

the field is relative and no role plays

well then

 var results = JSON.parse(localStorage.getItem('results')); for (var iter = 0; iter < results.length; iter++) { var newElem=document.createElement("table"); var newRow=newElem.insertRow(0); var newCell = newRow.insertCell(0); newCell.width="200"; newCell.innerHTML="строка 1 столбец 1: " + results[iter].login; document.getElementById("divShow").appendChild(newElem); }