Любые идеи о том, что не так с этим кодом JavaScript?

Question

У меня есть код ниже. Цель кода - получить все значения, хранящиеся в локальном хранилище, и отобразить их в двух HTML-элементах с id s 'title' и 'textLoc'. 'title' - это <input type="text">, а 'textLoc' - это <textarea>. Я хочу, чтобы значения были сохранены в <textarea>, а ключи - в <input type="text">. Значения хранятся правильно, а ключи - нет. Любые идеи о том, почему это будет?

var tests = [];
var titles = [];

var finalTests = "";

var key, value;
for (var i = 0; i < localStorage.length; i++) {
  key = localStorage.key(i);
  value = localStorage.getItem(key);
  tests.push(value);
  titles.push(key);
  finalTests += "<tr><td><a class=\"dashlinks\" href=\"javascript:void\" onclick=\"rememberTest("+i+")\">" + key + "</a></td></tr>";
}

for (i=0; i<tests.length; i++) {
document.getElementById('title').innerHTML = titles[i];

document.getElementById('textLoc').innerHTML = tests[i];
}

Answer 1

Вы должны использовать document.getElementById('title').value и document.getElementById('textLoc').value. Также кажется, что вы ничего не делаете с finalTests после того, как сохранили его.

Answer 2

Вы должны добавить строку в текстовую область:

document.getElementById('title').innerHTML = document.getElementById('title').innerHTML + titles[i] + '\n';