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

Второй вариант – то, что надо. Остаётся получить случайное от 0 до 4 (с равномерным распределением) и взять соотв. имя. У Ивана шансов как раз 3/5.

Upd.

function getRandomWinner($ppl)
{
  $choice = rand(0, array_sum(array_values($ppl)) - 1);

  $sum = 0;
  foreach($ppl as $name => $rank) {
    $sum += $rank;
    if ($choice < $sum) return $name;
  }
}

$winnerName = getRandomWinner([
  'Иван' => 60,
  'Максим' => 20,
  'Вова' => 20,
]);

find /dir1 -type f -delete

Найти в папке /dir1 и глубже все вхождения типа «файл» (-type f) и удалить их (-delete)

такая же длинная макаронина получилась:

[...arr.reduce((acc, c) => (acc.set(c, (acc.get(c) ?? 0) + 1), acc), new Map()).entries()]
  .sort((a, b) => b[1] - a[1]).map((el) => el[0])

Собрать словарь (значение: счётчик), из него массив пар [key, value] отсортировать по убыванию второго; оставить только первые.

План-А: отсортировать перед сравнением

const areEqual = (arrA, arrB) => {
  if (arrA.length !== arrB.length) return false;
  const a = arrA.slice().sort(), b = arrB.slice().sort();
  return a.every((el, i) => el === b[i]);
}

План-Б: хэш-таблица (значение: число элементов с таким значением). Посчитать в одном массиве, в другом, сравнить: должны совпасть. Это решение отлично реализовал в своём ответе 0xD34F

План-Х: удалять из копий совпадения по одному. Этот вариант неэффективен. Приведён для развлечения.

const areEqual = (arrA, arrB) => {
  if (arrA.length !== arrB.length) return false;
  const a = arrA.slice(), b = arrB.slice();
  while (a.length) {
    const i = b.indexOf(a.pop());
    if (-1 === i) return false;
    b.splice(i, 1);
  }
  return true;
}

в setTimeout() первым параметром надо передавать функцию, которая выполнится только там когда-то.

setTimeout(
            () => $('.success-message').css({

Эффект наз. starfield, вот разбирают как сделать на canvas. В простом виде: летят точки. Для красоты надо их сделать меньше числом, но каждой добавить размытие-свечение.

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

Используя полупрозрачность и режимы наложения, можно отрисовав кругов 20 получить интересные эффекты:

Объявить метод статическим:

class Name1 {

  static method1() {
    console.log(1);
  }

}

class Name2 {

  method2() {
    Name1.method1();
  }

}

const N2 = new Name2();

N2.method2()

Измените Anchor Point с нынешних 1920, 1080 на центр, относительно которого увеличивать: 960, 540. Чтобы не уехало, Position на те же значения.

Можно трансформировать canvas: сжать по вертикали и повернуть на 45°. Теперь, если рисовать квадраты — получатся ромбики!

Только Y-координата идёт сверху вниз – тут уж сами разберётесь. Наклоните голову влево, чтобы сориентироваться )


А тут можно перемещаться стрелочками и A-S-D-W. Кликните внутри фрейма, чтобы клавиши заработали:

getElementsByClassName возвращает HTMLCollection.

Попробуйте document.getElementsByClassName('xxx')[0].click();

Бардачный код: переменные не объявлены. В s попадает элемент span, а не значение.

Тут вроде заработало.

Если я правильно понял вопрос:

const elements = { // сюда складывать элементы
  list: [],
  btn: [],
};

function pushItem() {
    const div = document.createElement('div'); // временный родитель
    div.innerHTML = `<div class="listItem">${items.pop()}<button class="delete">Отменить</button></div>`;

    elements.list.push(div.querySelector('.listItem');
    elements.btn.push(div.querySelector('.delete');

    // перенести из временного в постоянный
    while (div.childNodes.length) { // с запасом: вдруг там несколько элементов
        list.appendChild(div.childNodes[0];
    }
};

Создать временный элемент, в который впихнуть разметку.
Свежесозданные элементы для вставки «в массив» отыскать в этом временном контейнере и положить в массив.
Перенести созданое из временного в рабочий видимый элемент.

Чтобы рисовать отдельный ромбик, поможет мысленно дорисовать диагонали ромба: такой растянутый плюс. Центр плюса – центр ромбика.

Пусть x и y это «радиусы» ромба. Есть координаты центра (cx, cy), или, удобнее, (0, 0) – понятны координаты вершин ромба: (-x, 0), (0, -y), (x, 0), (0, y) (по часовой стрелке).

Соседний ромб справа: (0 + 2x, 0) (центр).
Ромб вправо вниз: (0 + x, 0 + y).

При рисовании на canvas удобно запоминать состояние, чтобы потом транслировать координаты, делая центром (0, 0) центр очередного ромбика. Рисовать ромбик, и затем восстанавливать состояние координат канвы из сохранённого.

Может, запретить вставку из clipboard и разрешить только набор текста клавишами, по одному символу?

Линейная регрессия