Объясните строчку кода?

profesor08 она здесь для того, чтобы следить за изменением, если я правильно понимаю

document.addEventListener("DOMContentLoaded", function() {
  var ids = ["1", "2", "3"];
  for (var id of ids) {
    const input = document.getElementById(id);
    input.value = localStorage.getItem(id);
    input.addEventListener("change", function() {
      localStorage.setItem(id, input.value);
    });
  } 
});

profesor08, в таком случае в локалстор закинется лишь последний элемент. проверял только что

BenderIsGreat34, можно ссылочку на пример сей чудотворной магии? Вангую косяки с id и наименованием.

может быть, поменять var на let?

profesor08, там var id, этот трюк с iife для тех случаев, когда let еще не завезли.

Stalker_RED, это только для тех случаев, когда охота поговнокодить, других оправданий нет, разве что есть пристрастие стрелять себе в ногу. Там уже используется for..of.

ids.forEach(function(id) {
    const input = document.getElementById(id);
    input.value = localStorage.getItem(id);
    input.addEventListener("change", function() {
      localStorage.setItem(id, input.value);
    });
  });

profesor08, сможешь ответить почему с forEach работает, а с for..of нет?

JorJeG, насколько я понимаю, без анонимной функции id и input внутри обработчика связываются с переменными в скоупе цикла, т. о. после последней итерации все три обработчика будут нацелены на последний инпут. А когда используется обёртка из анонимной функции, id и input превращаются внутри неё в "значения аргументов" этой функции (фактически в две новые переменные) и отделяются от скоупа цикла, как бы "замораживаются" (в данном случае). Что позволяет привязать каждый обработчик к нужному инпуту. Хотя мб можно было бы поставить общий обработчик 'change' на родителя инпутов и сравнивать id'ы там, но кто его знает контекст.

JorJeG, вместо var используй const или let, за подробностями об их работе - в учебник https://learn.javascript.ru/