Выполнение функции только если найден элемент на странице

121

11 августа 2021, 23:10

Есть основной код который должен выполняться

   var realInner = document.getElementById("real-inner").innerHTML;
   document.getElementById("fake-inner").innerHTML = realInner;

Но он должен выполняться, если на странице найден элемент .real-inner. Для это нахожу элементы и выполняю метод forEach. Получается следующая конструкция:

 document.querySelectorAll(".real-inner").forEach (function() {
   var realInner = document.getElementById("real-inner").innerHTML;
   document.getElementById("fake-inner").innerHTML = realInner;
 });

Функция не выполняется, но и не выдает ошибки. Если вызвать console.log(realInner) то получаю Uncaught ReferenceError: realInner is not defined at <anonymous>:1:13

Подскажите в какую сторону копать решение?

Answer 1

Решение

document.addEventListener("DOMContentLoaded", function() {
  //Автозаполнение текста #fake-inner на странице project
  let innerSwitcher = function () {
    // Определяем переменные
    let real = document.getElementById("real-inner"),
        fake = document.getElementById("fake-inner");
    // Условие для выполнение скрипта
    if (!real || !fake) return;
    // Присвоение значение real к fake
    fake.innerHTML = real.innerHTML; };
  // Запуск функции
  innerSwitcher();
});