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

На данный момент сервис еще не поддерживает 4 версию (а может быть и не будет поддерживать), но bootstrap довольно легко настраивается вручную https://getbootstrap.com/docs/4.0/getting-started/...

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;

Можно.

А если серьезно, слишком мало входных данных. Самый простой способ - когда контент отдается бекендом. В этом случае он может вставить любые данные статьи в разметку OG.

Предположительно, у вас ошибка синтаксиса в ./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. К сожалению, пример который Вы привели не дает полной картины что настроено не так.

Немного не соглашусь с концепцией.

Я бы на вашем месте сделал все 20 свойств, но при этом применял семантичное именование. (ну т.е. не input1, а email). В данном случае вы теряете "экономию на спичках", но ваш код становится более осмысленным и читабельным.

По поводу "очистки" значений, можно как сделать функцию очистки всех полей, так и сделать подобие defaultState для всего списка полей, и просто затирать им рабочие свойства.

При запросе комнаты с набором параметров для конфигурации мебели сервер возвращает готовую картинку (т.е. клиент сам ничего не окрашивает).

Как это происходит на сервере? Ответа нет, может быть что угодно, от рендера изображений в рантайме, до просто набора пресетов для всех возможных комбинаций вариантов.

Ваша задача слегка выходит за рамки 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
}

Добрый день!

Возможно, если вы умете писать на GLSL + обладаете математической базой для реализации физики в 3д пространстве. 90% времени уйдет на написание движка, а 10% - на саму сцену. В целом, задача крайне нетривиальна.

$(document).ready(() => {
  $('a#link1, a#link2').click((e) => {
    $(e.target).toggleClass('active')
    $('#content' + e.target.getAttribute('id')[4]).toggle()
    e.stopPropagation()
  })
  $('#content1, #content2').click(e => e.stopPropagation())
  $('body').click(() => [$('a#link1'), $('a#link2')].forEach($link => $link.hasClass('active') && $link.click()))
})

Максимально коротко, но не уверен что так нужно писать на реальном проекте, всё таки порой читабельность > лаконичность.