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

const params = (new URL(document.location)).searchParams;
const utmCampaign = params.get('utm_campaign');

const campaignTexts = {
  'vk_001': 'Привет, куплю ваших слонов в ВК!',
  'vk_002': 'Привет, куплю ваших слонов в группе!',
  'fb_001': 'Привет, куплю ваших слонов в Facebook!',
};
const text = encodeURIComponent(campaignTexts[utmCampaign] ?? 'Привет по умолчанию!');
const randomUrl = `https://wa.me/${phone}?text=${text}`;

const phones = [
  { p: '9171857450', c: 1 },
  { p: '9880735438', c: 10 },
  { p: '9880735439', c: 100 },
  { p: '9880735779', c: 2 },
  { p: '9170997305', c: 2 },
  { p: '9170997493', c: 2 },
  { p: '9880634879', c: 5 },
  { p: '9170996154', c: 1 },
  { p: '9880728447', c: 1 },
];
const chancesTotal = phones.reduce((acc, { c }) => acc + c, 0);
const selected = Math.floor(Math.random() * chancesTotal);
let phone;
for (let i = 0, sum = 0; i < phones.length; i++) {
  sum += phones[i].c;
  if (selected < sum) {
    phone = phones[i].p;
    break;
  }
}
const randomUrl = `https://wa.me/${phone}?text=Привет!%20Пришлите%20мне%20цены%20на%20рыбку!`;

​const re = /(([1-68])\2{0,2}|([79])\3{0,3}|0)/g;

​"443777771999990005555551".match(re).join(', ')
// "44, 3, 7777, 7, 1, 9999, 9, 0, 0, 0, 555, 555, 1"

$('#bombfire').html(`
<svg>...</svg>
`);

const str = ' \
  line 1 \
  line 2 \
';

1. когда удаляется один элемент из массива, текущее значение i уже начинает указывать на следующий,
   но цикл for() увеличит i ещё на 1, и получится, что 1 элемент пропустили. Чинится уменьшением i на 1 сразу после удаления 1 элемента.
   
2. верхнее значение i должно быть не меньше-или-равно, а меньше, чем длина массива.
   
3. если текущий элемент дубль, то его индекс НЕ равен indexOf(value)
   

const duplicateArray = ['a', 'b', 'c', 'a', 'b', 'c', 'q'];

function funcDeleteDuplicate(array) {
  for (let i = 0; i < array.length; i++) {
    if (array.indexOf(array[i]) !== i) {
      array.splice(i, 1);
      i--;
    }
  }
  return array;
}
console.log(funcDeleteDuplicate(duplicateArray));
// [ "a", "b", "c", "q" ]

const funcDeleteDuplicate = array => [...new Set(array)];

function nextActions() {
  vars();
  anim();
  slider();
}

// ... 

// внутри колбэка imageLoaded:
if (!preloader.classList.contains('done')) {
  preloader.classList.add('done');
  nextActions(); // запустить следующие анимации
}

/**
 * Definition for singly-linked list.
 * struct ListNode {
 *     int val;
 *     ListNode *next;
 *     ListNode() : val(0), next(nullptr) {}
 *     ListNode(int x) : val(x), next(nullptr) {}
 *     ListNode(int x, ListNode *next) : val(x), next(next) {}
 * };
 */

1. openBlock и backBlock не меняются, их можно вместо let объявить const
   
2. внутри обработчиков событий снова и снова искать document.querySelector('.hidden-block') наверное, не имеет смысла, достаточно один раз, заранее

   const hiddenBlock = document.querySelector('.hidden-block');

   и далее обращаться к этой константе hiddenBlock.
   

// вместо
    price = price.filter(
      (i) => i.id !== id
    );

// попробуйте
  const priceIndex = price.findIndex(({ id: priceId }) => priceId === id);
  if (priceIndex > -1) price.splice(priceIndex, 1);

pet_1 = { name: "Шарик", age: 10 };
pet_2 = { name: "Жучка", age: 5 };

function getName() {
  return [this.name, this.age].join(' ');
}

pet_1.getName = getName;
pet_2.getName = getName;

pet_1.getName(); // Шарик 10
pet_2.getName(); // Жучка 5

pet_1 = { name: "Шарик", age: 10 };
pet_2 = { name: "Жучка", age: 5 };

function getName() {
  return [this.name, this.age].join(' ');
}

const mixin = { getName };

Object.assign(pet_1, mixin);
Object.assign(pet_2, mixin);

pet_1.getName(); // Шарик 10
pet_2.getName(); // Жучка 5

const zip = (arr1, arr2) => arr1.reduce(
  (acc, head, i) => (acc.push({ ...arr2[i], head }), acc),
  []
);

zip(mass1, mass2) 
/* [
  { t1: "aa", p1: "lot", head: "zn1" },
  { t1: "ab", p1: "kot", head: "zn2" },
  { t1: "ac", p1: "mot", head: "zn3" },
] */

window.isLoaded = false;
window.addEventListener('load', () => {
  window.isLoaded = true;
});

window.isQueued = false; // уже ждём в очереди?
function nowOrLater() {
  if (!window.isLoaded) {
    if (!window.isQueued) {
      window.addEventListener('load', nowOrLater);
      window.isQueued = true;
    }
    return;
  }
 
  // тут код котовый выполнить только после 
}

const Main = styled.main`
  background-color: black;
  height: 100vh;
`

function App(props) {
  const { message } = props;
  return (
    <Main>
      <div className="App">
        {message}
      </div>
    </Main>
  );
}