0xD34F

urlList.findIndex(n => RegExp(`^${n.replace(/:\w+/g, '\\w+')}$`).test(url))

if (total_sum >= rand) {

Равенство лишнее, верхняя граница не должна учитываться. Из-за этого у вас перекос в результатах.

Ну и конечно можно всё это записать гораздо короче:

function getRandom(arr, key) {
  const rand = Math.random() * arr.reduce((acc, n) => acc + n[key], 0);
  let sum = 0;
  return arr.find(n => (sum += n[key]) > rand);
}


const obj = getRandom(data, 'weight');

Перебираем предыдущие элементы относительно кликнутого, пока не встретится подходящий:

document.addEventListener('click', ({ target: t }) => {
  if (t.matches('.oldValue')) {
    let input = t;
    while (!(input = input.previousElementSibling).matches('.value')) ;
    input.value = t.textContent;
  }
});

Или, вычисляем индекс кликнутого среди таких же как он, хватаем инпут с таким же индексом:

const inputs = document.querySelectorAll('.value');
const spans = [...document.querySelectorAll('.oldValue')];
const onClick = ({ target: t }) => inputs[spans.indexOf(t)].value = t.innerText;
spans.forEach(n => n.addEventListener('click', onClick));

Или, добавьте общие обёртки каждой паре input-span, и тогда можно будет подниматься до этой обёртки и искать нужный элемент внутри неё:

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('oldValue')) {
    t.closest('селектор общей обёртки').querySelector('.value').value = t.innerHTML;
  }
});

Потому что при преобразовании массива в строку, согласно спецификации, используется метод join. Который по умолчанию в качестве разделителя (опять же, согласно спецификации) использует запятую.

"Как убрать" - очевидно, вызывать join самостоятельно, указывая пустую строку.

let isBtn1Clicked = false;

button1.addEventListener('click', () => isBtn1Clicked = true);
button2.addEventListener('click', () => {
  if (isBtn1Clicked) {
    // ...
  }
});

или

button1.addEventListener('click', e => e.target.classList.add('clicked'));
button2.addEventListener('click', () => {
  if (button1.classList.contains('clicked')) {
    // ...
  }
});

или

button2.disabled = true;

button1.addEventListener('click', () => button2.disabled = false);
button2.addEventListener('click', () => {
  // ...
});

или

button2.hidden = true;

button1.addEventListener('click', () => button2.hidden = false);
button2.addEventListener('click', () => {
  // ...
});

или

button1.addEventListener('click', () => {
  button2.addEventListener('click', () => {
    // ...
  });
}, { once: true });

const obj = Object.fromEntries(arr.map(n => [ n.name, n.number ]));
// или
const obj = arr.reduce((acc, n) => (acc[n.name] = n.number, acc), {});
// или
const obj = Object.assign({}, ...arr.map(n => ({ [n.name]: n.number })));

Или, в более общем виде:

function toObj(data, key, val = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const getVal = val instanceof Function ? val : n => n[val];
  const obj = {};

  for (const n of data) {
    obj[getKey(n)] = getVal(n);
  }

  return obj;
}

Пользоваться этим можно так (ваш случай):

const obj = toObj(arr, 'name', 'number');
// {Kolya: '5', Olga: '10'}

А можно так:

const charCodes = toObj('abc', n => n.charCodeAt());
// {97: 'a', 98: 'b', 99: 'c'}

И даже так тоже можно:

<input name="xxx" value="69">
<input name="yyy" value="187">
<input name="zzz" value="666">

const inputValues = toObj(document.querySelectorAll('input'), 'name', 'value');
// {xxx: '69', yyy: '187', zzz: '666'}

/^\w+@\w+\.\w{2,}$/.test(str)

const prices = {
  'Москва': 100,
  'Санкт-Петербург': 200,
  'Казань': 300,
};

$('form').on('change', function() {
  const [ city1, city2 ] = $('select', this).get().map(n => n.value);

  const price = city1 === city2
    ? prices[city1]
    : prices[city1] + prices[city2];

  $('input', this).val(price);
}).change();

button.addEventListener('click', async () => {
  for (const el of cards) {
    await el.animate([
      { transform: 'rotateX(0deg)' },
      { transform: 'rotateX(180deg)' },
    ], {
      duration: 1000,
      easing: 'linear',
      fill: 'forwards',
    }).finished;
  }
});

Где кнопки находятся, что за кнопки, что делать при клике:

const container = document.querySelector('.buttons');
const buttonSelector = '.button';
const onButtonClick = button => console.log(button.id);

Делегирование, обработчик клика добавляем контейнеру с кнопками. Пробуем найти у элемента, где случился клик, предка, который является кнопкой:

container.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    onButtonClick(button);
  }
});

Или, добавляем обработчик клика каждой кнопке индивидуально. В этом случае кнопка будет доступна без каких-либо дополнительных телодвижений, т.к. ссылка на элемент, к которому подключен обработчик события, является свойством объекта события:

container.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => onButtonClick(e.currentTarget));

Никак.

Например если число 200000

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

const bullshitDateFormat = str =>
  new Date(+str.replace(/\D/g, ''))
    .toLocaleString('ru-RU')
    .slice(0, -3)
    .replace(',', '');

Конечно, .slice(0, -3) выглядит сильно так себе (с другой стороны - коротко), вместо него можно в явном виде (второй параметр) указать при вызове toLocaleString, какие элементы даты надо получить:

{
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
}

Object.values(arr.reduce((acc, n) => {
  const name = n.name.split(' ').pop();
  acc[name] = +acc[name]?.price < +n.price ? acc[name] : n;
  return acc;
}, {}))

Коротко:

const result = arr.flat().map((n, i) => ({ ...n, id: -~i }));

Длинно:

const result = [];

for (const n of arr) {
  for (const m of n) {
    result.push({
      ...m,
      id: result.length + 1,
    });
  }
}

Количество переменных, хранящих координаты, следует привести в соответствие с количеством осей, по которым осуществляется перемещение. А то переменная одна, а осей две. Как вы собираетесь два независимых значения хранить в одной переменной? Это абсурд - два (сейчас внимание, будет сногсшибательный факт) больше одного.

Или сделайте объект/массив, который будет содержать обе координаты:

const coord = [ 0, 0 ];
const step = 10;

const moveFunc = e => {
  const shift = ({
    ArrowUp: [ 0, -1 ],
    ArrowDown: [ 0, 1 ],
    ArrowLeft: [ -1, 0 ],
    ArrowRight: [ 1, 0 ],
  })[e.code];

  if (shift) {
    div.style.left = `${coord[0] += shift[0] * step}px`;
    div.style.top = `${coord[1] += shift[1] * step}px`;
  }
};

const result = Array.from(
  document.querySelectorAll('#spisok > div > p > br'),
  n => n.nextSibling.textContent.trim()
);

или

const result = Array.prototype.map.call(
  document.getElementById('spisok').getElementsByTagName('button'),
  n => n.previousSibling.nodeValue.replace(/(^\s+)|(\s+$)/g, '')
);

const makeOrderList = str =>
  Object.fromEntries(Array.from(
    str.matchAll(/(\d+) ([^,]+)/g),
    n => [ n[2].replace(/ /g, '_'), +n[1] ]
  ));

или

const makeOrderList = str => str
  .split(', ')
  .map(n => [ n.split(' ').slice(1).join('_'), parseInt(n) ])
  .filter(n => !Number.isNaN(n[1]))
  .reduce((acc, n) => (acc[n[0]] = n[1], acc), {});

Что за атрибут и как получить соответствующие элементы:

const attrName = 'bst-click';
const elements = document.querySelectorAll(`[${attrName}]`);

Получаем массив пар атрибут-класс:

const data = Array.from(
  elements,
  n => [
    n.attributes[attrName].value,
    n.classList.value,
  ]
);

Или, получаем массивы классов, сгруппированные по значениям атрибута:

const data = Array.prototype.reduce.call(
  elements,
  (acc, n) => (
    (acc[n.getAttribute(attrName)] ??= []).push(n.className),
    acc
  ),
  {}
);

hrefs.filter(n => !/\.pdf$/.test(n))
// или
hrefs.filter(n => !n.endsWith('.pdf'))
// или
hrefs.filter(n => n.split('.').pop() !== 'pdf')
// или
hrefs.filter(n => n.lastIndexOf('.pdf') !== n.length - 4)
// или
hrefs.filter(n => n.slice(-4) !== '.pdf')

const getLast = (obj, parentName) =>
  obj.next instanceof Object
    ? getLast(obj.next, obj.name)
    : { ...obj, parentName };