0xD34F

<input type="number" min="0" max="100">
<table>
  <tbody></tbody>
</table>

const input = document.querySelector('input');
const table = document.querySelector('table');

input.addEventListener('input', ({ target: t }) => {
  const count = t.value = Math.max(0, t.value | 0);
  const [ tbody ] = table.tBodies;
  const { rows } = tbody;

  for (; rows.length > count; tbody.deleteRow(-1)) ;

  while (rows.length < count) {
    const row = tbody.insertRow();
    row.insertCell().textContent = '#' + rows.length;
    row.insertCell().textContent = Math.random() * 1e3 | 0;
  }
});

// или

input.oninput = function() {
  const count = this.value = Math.max(0, +this.value || 0);
  const tbody = table.querySelector('tbody');
  const rows = tbody.children;

  Array.prototype.slice.call(rows, Math.min(rows.length, count)).forEach(n => n.remove());

  tbody.insertAdjacentHTML('beforeend', Array
    .from({ length: Math.max(0, count - rows.length) }, (n, i) => `
      <tr>
        <td>#${rows.length + i + 1}</td>
        <td>${Math.floor(Math.random() * 1000)}</td>
      </tr>`)
    .join('')
  );
};

const classes = {
  0: 'first',
  [props.data.length - 1]: 'last',
};

const baseWidth = $('.banner').width();

$(window).scroll(function() {
  $('.banner').width(baseWidth + $(this).scrollTop());
});

document.addEventListener('click', function(e) {
  if (!e.target.closest('.tileset-showitems')) {
    tilesetShowListRemove();
  }
});

- .active {
+ .active .box {

const containerSelector = '.tileset-showitems';
const buttonSelector = `${containerSelector} .tileset-showitems-trigger`;
const activeClass = 'active';
const closeAllExcept = container => document
  .querySelectorAll(`${containerSelector}.${activeClass}`)
  .forEach(n => n !== container && n.classList.remove(activeClass));

document.addEventListener('click', ({ target: t }) => {
  const button = t.closest(buttonSelector);
  const container = t.closest(containerSelector);

  if (button) {
    container.classList.toggle(activeClass);
  }

  closeAllExcept(container);
});

window.addEventListener('keydown', e => e.key === 'Escape' && closeAllExcept());

for (const n of el.options) {
  for (const m of elValue) {
    if (n.value === m) {
      n.selected = true;
      break;
    }
  }
}

Array.prototype.forEach.call(
  el,
  n => n.selected = elValue.includes(n.value)
);

el
  .querySelectorAll(elValue.map(n => `[value="${n}"]`))
  .forEach(n => n.selected = true);

а где в верстке у тебя эти точки указаны?

const points = [
  { max:      200, text:  'hello, world!!' },
  { max:      800, text:  'fuck the world' },
  { max: Infinity, text: 'fuck everything' },
];

window.addEventListener('scroll', function() {
  const
    scroll = document.documentElement.scrollTop,
    { text } = points.find(n => n.max >= scroll);

  document.querySelector('.fixed').textContent = text;
});

const newArr = arr.map(function({ ...n }) {
  return this.reduce((acc, k) => (acc[k] = acc[k].toLowerCase(), acc), n);
}, [ 'firstName', 'lastName' ]);

const keys = [ 'firstName', 'lastName' ];
arr.forEach(n => keys.forEach(k => n[k] = n[k].toLowerCase()));

const data = $('table tr')
  .get()
  .map(tr => $('input', tr).get().map(n => $(n).val()))
  .filter(row => row[row.length - 1])
  .map(row => `(${row.map(n => `'${n}'`).join(', ')})`);

const data = Array.prototype.reduce.call(
  document.querySelector('table').rows,
  (acc, { cells, lastElementChild: last }) => (
    last.lastElementChild.value && acc.push(`(${Array
      .from(cells, n => `'${n.lastElementChild.value}'`)
      .join(', ')})`
    ),
    acc
  ),
  []
);

Как поправить код?

const discounts = [
  { percent: 0, sum: 0 },
  { percent: 2, sum: 4000 },
  { percent: 3, sum: 10000 },
  { percent: 4, sum: 20000 },
  { percent: 5, sum: 50000 },
];

const discount = discounts.reduce((p, c) => c.sum <= pricechange ? c : p);

const discountedPrice = pricechange * (100 - discount.percent) / 100;

const discounts = [
  { percent: 0, sum: 4000 },
  { percent: 2, sum: 10000 },
  { percent: 3, sum: 20000 },
  { percent: 4, sum: 50000 },
  { percent: 5, sum: Infinity },
];

const discount = discounts.find(n => n.sum > pricechange);

<div class="players">
  <div class="player">
    <input placeholder="*Введите псевдоним" data-type="name">
    <br>
    <input placeholder="*Введите рейтинг" data-type="rating">
  </div>
  <div class="player">
    <input placeholder="*Введите псевдоним" data-type="name">
    <br>
    <input placeholder="*Введите рейтинг" data-type="rating">
  </div>
</div>
<h1 class="message hidden">HELLO, WORLD!!</h1>

const validations = {
  name: val => /\D/.test(val),
  rating: val => /^\d+$/.test(val),
};

document.querySelector('.players').addEventListener('input', function(e) {
  const error = Array.from(this.querySelectorAll('[data-type]'), n => {
    const error = !validations[n.dataset.type](n.value);

    if (n === e.target) {
      n.classList.toggle('error', error);
    }

    return error;
  }).some(Boolean);

  document.querySelector('.message').classList.toggle('hidden', error);
});

.error {
  color: white;
  background: red;
}

.hidden {
  display: none;
}

$vals = [];
$keys = [];

foreach ($arr as $key => $val) {
  if (isset($vals[$val])) {
    $keys[] = $key;
  }
  $vals[$val] = 1;
}

const buttons = document.querySelectorAll('.item1');
const targets = document.querySelectorAll('.item2');
const className = 'red';

const updateClass = action => ({ target: t }) => {
  const index = Array.prototype.indexOf.call(buttons, t);
  if (index !== -1) {
    targets[index].classList[action](className);
  }
};

const wrapper = document.querySelector('#wrap1');
wrapper.addEventListener('click', updateClass('add'));
wrapper.addEventListener('dblclick', updateClass('remove'));