Single page application

Если без фреймворков, то History Api посмотри

Подскажите плз как повесить разные функции на один и тот же инструмент, например рендж, чтобы результаты параметров складывались и перезаписывались в разные массивы, а не один как у меня сейчас? т.е. надо соответствующие выбору по select, сохранялись и перезаписывались в разные массивы для A, B,C.  Есть ли такой вариант, или надо делать дублирующие поля ( для каждого option - надо делать все новые поля в html и скрывать их, когда выбор будет на один из A,B,C), просто хотелось бы меньше кода.    https://jsfiddle.net/suddenly4/2ntepbjx/393/

Ну, так это не одностраничник в классическом понимании, а именно SPA

Так расшифруй)

Я знаю как это на реакте сделать) Нона чистом js не знать

Так, у меня тоже тогда вопрос, можете кому-не сложно разжевать как это работает:

const once = (fn) => {
 return function () {
   if (!fn) return;
   fn();
   fn = null;
 };
};

Посмотрю, спасибо

Как можна циклом while получить из строки 1234567890 строку 123/456/789?

Пройтись и получить. Что именно не получается?

Я в курсе что такое замыкания, просто хотел уточнить:
По логике, если в функцию передал callback,  то мы скипаем 3 строку, и выполняем функцию, дальше делаем так, что callback === null, и все последующие вызовы будут бесполезны, пока скрипт не перезагрузить, верно?

1 вызов и всё вроде

Ну, она и называется once() :D

async function get_templates() {
  let template_names = ['tokenfield', 'live_search', 'number'];
  return template_names.reduce( async (accumulator, template_name) => 
  {
    accumulator[template_name] = await get_data(2000);
    return accumulator;
  }, {});
}

async function get_data(delay) {
  return new Promise( resolve => setTimeout( () => resolve('test'), delay));
}
get_templates().then(console.log)

где ошибка? почему возвращается объект с одним ключом?

async function get_templates() {
  let template_names = ['tokenfield', 'live_search', 'number'];
  return template_names.reduce( async (accumulator, template_name) => 
  {
    accumulator[template_name] = await get_data(2000);
    return accumulator;
  }, {});
}

async function get_data(delay) {
  return new Promise( resolve => setTimeout( () => resolve('test'), delay));
}
get_templates().then(console.log)

в первой итерации ты добавляешь поле в объект, а в остальных уже в промис

, Promise.resolve(…))

ну тогда я не понял что ты имел под словом "перезагрузить" 🌝

То что я дебил :D, разобрался как она пашет :)

Кек