Денис Грибанов

function onClickCheckboxRow (data) {
  $('.checkbox').change((e) => {
    console.log(data, e)
  })
}

function displayLine (data) {
  $('#results').append(`
  <tr>
    <th scope="row">${importLines.length}</th>
      <td><input class="checkbox" type="checkbox"></td>
      <td>${data[0]}</td>
      <td>${data[2]}</td>
      <td>${data[11]}</td>
      <td id="status-${data[0]}"><b><span style="color: orange">PENDING</span></b></td>
    </tr> 
  `)
  onClickCheckboxRow(data)
}

https://wavesurfer-js.org/

Абстрагируясь от ньансов, можно сказать, что всё должно работать, т.к. finalScreenshotsArray достается из замыкания (вверх по скоупам). Пример на любом sandbox поможет решению проблемы.

По какой то причине в момент вызова console.log свойство $content еще не имеет массива ссылок на dom элементы, они заполняются позже (но console.log показывает состояние не в момент вызова, а актуальное).

Если разместите рабочий код в песочнице, можно будет понять в чем проблема.

Слишком мало входных данных для релевантного ответа, да и подсказать тут мало что можно, нужно решать задачу.
Вот тут, например, описывались коллизии на js https://habr.com/ru/post/128438/.

const response = JSON.parse('{"response":[{"id":"1","cat_id":"1","title":"\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u043f\u0438\u0442\u0430\u043d\u0438\u044f","get_catalog":"campony_ru","language":"1","visible":null},{"id":"2","cat_id":"2","title":"\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e \u0438 \u0440\u0435\u043c\u043e\u043d\u0442","get_catalog":"campony_ru","language":"1","visible":null},{"id":"3","cat_id":"3","title":"\u041e\u0434\u0435\u0436\u0434\u0430 \u0438 \u043e\u0431\u0443\u0432\u044c","get_catalog":"campony_ru","language":"1","visible":null},{"id":"4","cat_id":"4","title":"\u0414\u0435\u0442\u0441\u043a\u0438\u0435 \u0438\u0433\u0440\u0443\u0448\u043a\u0438","get_catalog":"campony_ru","language":"1","visible":null}]}');
const responseData = response.response;

Предположительно, у вас ошибка синтаксиса в ./src/css/styles.sass

Всё зависит от того, какую версию javascript и какие библиотеки вы используете.

Первое что приходит в голову:

Object.keys(db).forEach(key => console.log(db[key]));

Цитата c api.jquery.com/jquery.ajax

Script and JSONP requests are not subject to the same origin policy restrictions.

Т.е. при запросе dataType:'jsonp' CORS не используется. Отсюда проблема не в jsonp, а в неправильной настройке CORS. К сожалению, пример который Вы привели не дает полной картины что настроено не так.

Ваша задача слегка выходит за рамки javascript, т.к. требуется настраивать полноценный веб сервер с бекендом и базой даннных. Возможно, Вам стоит посмотреть в сторону какой либо CMS (wordpress, bitrix).

В javascript нет понятия "переменная автоматически исполняется".

То, что вы записываете в переменную notify - это значение свойства innerHTML dom элемента.

В вашем случае необходимо сделать функцию (и ссылку на функцию уже можно записать в переменную). Если не обращать внимание на ужасно написанный код (уж извините), то можно сделать вот так:

function isright (obj) {
  var value = +obj.value.replace(/\D/g, '') || 0
  var notify = function () {
    document.getElementById('inner_area').innerHTML = 'Дома рассчитываются индивидуально!<br>'
  }
  if (document.getElementById('num_floors').value == 2) {
    if (value > 300) { notify(); value = 300 }
    if (value < 120) { notify(); value = 120 }
  } else {
    if (value > 300) { notify(); value = 300 }
    if (value < 90) { notify(); value = 90 }
  }
  obj.value = value
}