RAX7

function check(arr) {
  let seqGrow = 0;
  for (let i = 1; i < arr.length; i++) {
    const pairGrow = Math.sign(arr[i] - arr[i - 1]);

    if (pairGrow === 0) {
      continue;
    }

    seqGrow = seqGrow || pairGrow;

    if (pairGrow !== seqGrow) {
      return false;
    }
  }
  return true;
}

console.log(check([0, 1, 5, 9, 15]));
console.log(check([0, 1, 1, 5, 9, 9, 15]));
console.log(check([15, 8, 4, 2, 1]));
console.log(check([0, 1, 5, 15, 4]));

Можно объект в прокси обернуть

const pathHandler = {
  get(target, prop) {
    const val = target[prop];
    if (typeof val === 'object' && val.hasOwnProperty('src')) {
      val.toString = function() {
        return this.src;
      };
      return new Proxy(val, pathHandler);
    } else {
      return target[prop];
    }
  }
}

const path = new Proxy({
  styles: {
    src: './path-to-styles-src',
    dist: './path-to-styles-dist',
    scss: {
      src: './scss-src',
      dist: './scss-dist',
    }
  },
  images: {
    src: './path-to-images-src',
    dist: './path-to-images-dist'
  },
}, pathHandler);

console.log('' + path.styles);              // './path-to-styles-src'
console.log('' + path.styles.dist);       // './path-to-styles-dist'
console.log('' + path.styles.scss);       // './scss-src'
console.log('' + path.styles.scss.dist); // './scss-dist'

Вот тебе еще вариант

ctx.fillStyle = '#' + (Math.random() * Math.pow(256, 3) | 0).toString(16).padStart(6, '0');

Во первых метод knight в прототипе перекрывается свойством knight

Game.prototype.knight = function(game, gameSize,position){
  this.game = game;
  this.position = {x : 150, y : 150};
  this.size = {x : 200, y : 230};
  this.current = 0;
  this.knight = []; // <----- упс! следующий вызов this.knight() окажется неудачным.
}

Во вторых raf рекурсивно вызывает loadGame, loadGame вызывает knight, knight переписывает объект this.position, поэтому ни х, ни y не изменяются.

В третьих оформляй код в песочнице, чтобы остальным не приходилось делать это за тебя.

// Сам график
ctx.beginPath();

transformable element
- all elements whose layout is governed by the CSS box model except for non-replaced inline boxes, table-column boxes, and table-column-group boxes
https://drafts.csswg.org/css-transforms-1/#terminology

Короче не работает transform c inline элементами, а ссылки <a> по дефолту инлайновые элементы

вместо div.insertBefore(loginMessage, password); попробуй

password.parentElement.insertBefore(loginMessage, password);

В setTimeout заверни тогда переполнения стека не будет

function readNumber() {
  let answer = prompt('Введите число?', 0);
  if (isFinite(answer) == true && answer != '') {
    alert('Это число: ' + answer);
  } else {
    setTimeout(readNumber, 0);
  }
}

либо перепиши без рекурсии

По клику на метку добавляй data-len в массив и слегка измени логику работы render()

function callMe(...args) {
  console.log(...args);
}

function callFn(fn, ...args) {
  fn.apply(null, args);
}

callFn(callMe, 1, 2, 3, 42);

для анимации используй атрибут d, а не points
https://codepen.io/RAX7/pen/RzEqqy?editors=1010

Берешь getBoundingClientRect() у каждого блока и считаешь какие из них пересекаются с нужным тебе блоком

https://jsfiddle.net/5UUtV/1/
стырил со stackoverflow

document.querySelector('[for="base"]').textContent = 'some1:';