@pasha_hp

Как вывести содержимое localStorage на страницу в виде таблицы?

Здравствуйте, уважаемые форумчане. Я недавно начал изучать JS, так что прошу не бросать в меня тапками. Столкнулся с проблемой корректного вывода данных из localStorage. Прошу помощи в данном вопросе

const card = {
'apple': 3,
'grape': 2
};

Дана корзина cart. По нажатию кнопки добавляю ее содержимое в localStorage и запускаю функцию вывода данных из localStorage на страницу в виде таблицы. Проблема в том, что данные в таблице перезатираются последними значениями и вместо apple - 3, grape - 2 я получаю grape - 2, grape - 2. Если сделать td[i].textContent += key, по попадает лишнее. Помогите правильно вывести содержимое.
https://codepen.io/avramenkop/pen/XWWPBMZ
  • Вопрос задан
  • 99 просмотров
Решения вопроса 1
twobomb
@twobomb
function t10() {
    for(let key in card) {      
        localStorage.setItem(key, parseInt(localStorage.getItem(key) ||  0) + parseInt(card[key]));
    }
    t11()
}
function t11() {
    let out = document.querySelector('.out-10');
    out.innerHTML = "";
    let table = document.createElement('table');
    out.append(table);
    for(var key in card) {
        tr = document.createElement('tr');
        table.append(tr);
        var td1 = document.createElement('td');
      td1.innerHTML = key;
        tr.append(td1);
       var td2 = document.createElement('td');
      td2.innerHTML = localStorage.getItem(key) ||  0;
        tr.append(td2);
      
    } 
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 февр. 2020, в 16:33
450 руб./за проект
28 февр. 2020, в 16:23
20000 руб./за проект
28 февр. 2020, в 16:20
300 руб./за проект