Сергей Соколов

Как добавить элемент в конец ?

appendChild()

Неправильный, но легкий способ: если у родителя не навешаны слушатели событий, то просто заменить HTML:

var runRo1 = document.getElementsByClassName('btn send-private-message-btn white');
if(runRo1.length == 1){
  runRo1[0].innerHTML += '<div class="buy-deposit btn white" only-other-profile="">Забронировать на бирже</div>';
}

Но если вариант с innerHTML что-то порушит - перестанет там где-то реагировать на клики, то надо делать «правильно»: создавать элемент и вставлять в конец через appendChild():

if(..) {
  const div = document.createElement('div');
  div.classList.add('buy-deposit', 'btn', 'white');
  div.setAttribute('only-other-profile', '');
  div.appendChild( document.createTextNode('Забронировать на бирже'));
  runRo1[0].appendChild(div);
}

Вариант: ставите у себя локально (или где разрабатываете) Docker и разворачиваете сайт в нём.

Далее с вашим контейнером(-ами) приходите на новую пустую VPS, устанавливаете там Docker и запускаете контейнер.

Головная боль на этапе обучения работе с Docker и упаковки в контейнер приложения, но зато потом легко и быстро переезжать с одного VPS на другой.

Старые версии тех же After Effects могут заработать. Зависит ещё от установленной ОС.

Если запрос делать из браузера, то в настройках браузера сначала надо ввести этот прокси-сервер, и все запросы, включая fetch() пойдут через него.

Если из Node.js, то, например, модуль TooTallNate/node-https-proxy-agent позволит в параметрах fetch() указывать прокси, через который выполнять подключение.

fetch('https://www.google.com',{ agent:new HttpsProxyAgent('http://127.0.0.1:8580')})
.then(function(res){
    //...
})

Можно сыграть с девятиричной системой. Раз тут цифра "1" особенная, а остальные девять обычные. Берём случайное число, записываем его в девятиричной системе n.toString(9) – используются цифры от 0 до 8 и точно нет ни одной девятки. Единицы меняем на девятки. Остаётся добавить две единицы на случайных позициях.

function tworandom() {
  const arr = Math.floor(Math.random() * 9e8).toString(9).replace(/1/g,9).split('');
  for (let i = 2; i > 0; i--) arr.splice(Math.floor(Math.random() * arr.length), 0, 1);
  return +arr.join('');
}

[...Array(5)].map(tworandom)
// 6401715726, 950818173966, 915469690179, 4191464422, 223063891715

Перенесите строку var p = ... внутрь функции, перед p.innerHTML =

Прямо в браузере, бесплатно, без установки, интуитивно понятный Google Trimble Sketchup.
Это хорошо для быстрейшего старта и получения результатов. В нем я делал модель простой перепланировки в квартире для недавнего ремонта, расстановку мебели и пр.

Если хочется серьезно войти в Motion Graphics, то лидер тут Cinema 4D, и пригодится Adobe After Effects для пост-обработки.

В нынешнем варианте функция не возвращает результата и меняет не глобальный массив, а переданный ей аргументом. При этом исходный массив остается неизменным. Вот доказательство этого косяка в Scratchpad'е FireFox'а:

(()=>{  
  function merge(nums1, m, nums2, n) {
    nums1 = nums1.slice(0, m).concat(nums2).sort((a, b) => a - b);
  }
  
  var nums1 = [46,55,88,0,0,0,0];
  merge( nums1, 3, [18,29,80,90], 4);

  return JSON.stringify(nums1);
})()
/*
[46,55,88,0,0,0,0] // исходный массив не изменился
*/

В переменную text_color надо получить введенное в форму значение цвета, чтобы использовать потом. Точно так же, как следующей строчкой вы получаете значение текста.

Когда создали элемент LI, вот ему надо задать .style.color = text_color;

Вот здесь вы вешаете слушателя события. И он сидит себе и ждет:
oReq.addEventListener("load", reqListener);
Дальше вы инициируете вызов - это как ввести адрес сайта в браузере и нажать ввод. Но интернет медленный, сайт тормозной. Пройдет какое-то время.

И вот, наконец, когда страница соизволит загрузиться, выстрелит событие "load", которое и будет отловлено слушателем - выполнится, наконец-то, функция reqListener()

Разрыв, рвущий нить выполнения этого кода и делающий его из синхронного асинхронным – где-то внутри объекта XMLHttpRequest и не виден невооруженным глазом.

Теоретически, внутри мог бы быть и синхронный код, который по методу send() сразу же явно дергал функцию, которую мы передали как слушателя события. Но это был бы уже не тот XMLHttpRequest, каким мы его любим.

Чтобы привязать намертво к функции контекст (this). Иначе он потеряется.

Про стрелочные функции вы ведь перечитали, прежде, чем задавать вопрос?

() => this.setState({
  signed: true,
  isLoading: false
}
// то же самое, что
var that = this;
function() {
  that.setState({
    signed: true,
    isLoading: false
  };
}