twobomb

let observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(e) {
    if (e.type == "attributes" && e.attributeName == "class") {
      if (e.oldValue.indexOf("active") == -1 && e.target.classList.contains("active")) {
      console.log("Класс active добавлен к элементу с ID:#"+e.target.id);
      }      
      if (e.oldValue.indexOf("active") != -1 && !e.target.classList.contains("active")) {
      console.log("Класс active убран с элемента с ID:#"+e.target.id);
      }
    }
  });

});

observer.observe(document.querySelector("#myelem"), {
  attributes: true,
  attributeOldValue: true
});

Накидал пример, еще добавь чтобы поворот зависил от скорости чтобы когда выше скорость был плавнее, а чем меньше тем реще, и сейчас поворот идет относительно середине машины, а должен относительно задних колес если поворачивает передними, нужно drawRect смещать не к центру машины, а к задним колесам.

Вариант 1 через смещение матрицы

ctx.save();
  ctx.translate(50,0); // тут координаты смещения
	ctx.beginPath();
  ctx.moveTo(0,100);
  ctx.lineTo(200,100);  
  ctx.lineTo(100,0);  
  ctx.closePath();
  ctx.fill();
  ctx.restore();

Вариант 2 через переменные смещения

var offX = 300;//по х
  var offY = 50;//по у
	ctx.beginPath();
  ctx.moveTo(offX+0,offY+100);
  ctx.lineTo(offX+200,offY+100);  
  ctx.lineTo(offX+100,offY+0);  
  ctx.closePath();
  ctx.fill();

Ух чето как-то костыльно, особенно setInterval
сделай хотя бы типа

let input = document.querySelector('.input');
let p = document.querySelector('.resultParagraph');

input.addEventListener("input",(e)=>{	
	if(e.target.value.trim() == "")
  	Array.from(p.children).forEach(el=>{
    	p.replaceChild(document.createTextNode(el.textContent),el);
    });  
});
input.addEventListener("change",(e)=>{	
     	p.innerHTML = p.innerHTML.replace(new RegExp(input.value, 'gmi'), (a)=>
       `<span style="background: red;">${a}</span>`
      );
});

или только на ввод

let input = document.querySelector('.input');
let p = document.querySelector('.resultParagraph');

input.addEventListener("input",(e)=>{	
  	Array.from(p.children).forEach(el=>{
    	p.replaceChild(document.createTextNode(el.textContent),el);
    });  
     	p.innerHTML = p.innerHTML.replace(new RegExp(input.value, 'gmi'), (a)=>
       `<span style="background: red;">${a}</span>`
      );
});

Что такое объект?

var keys = ["key1","key2","key3"];
var checkCount = keys.length;
keys.forEach(el=>{
        $.get(
        "https://www.googleapis.com/youtube/v3/search",{
            part: 'id',			            
            key: el})
        .done((d)=>check(d,el))
        .fail((d)=>check(d,el));
});

function check(data,key){
  if(data.statusText == "error" && data.status == 400 && data.responseJSON.error.errors[0].reason == "keyInvalid")
  	keys.splice(keys.indexOf(key),1);
    if(--checkCount == 0)
    	alert(`Валидные ключи: ${keys}`);
}

Да вы издеваетесь, есть же канвас, зачем эти извращения!
Попробуйте что типа

if(gamer.offsetTop == 520){
  gamer.style.top = "0 px";
}

Ну лучше используйте канвас, он для этого предназначался!
P.S. Лет 100 назад тоже писал "что-то типа" FlappyBird без текстур, хотя где-то и с текстурами была версия...

function drawMyLine(x,y,angleDeg,length){//Угол в градусах
	var angle = angleDeg * Math.PI/180;
	ctx.beginPath();
  ctx.moveTo(x,y);
  ctx.lineTo(x + Math.cos(angle)*length,y + Math.sin(angle)*length);  
  ctx.stroke();
}

Если не важна супер точность то разделить на 10000, иначе перемещать точку строковыми методами.

Сделайте один счетчик, но пересчитывайте у всех

var btn = document.createElement("button");
btn.innerHTML = "кнопка";
document.querySelector("ul").insertBefore(btn,document.querySelector("ul>li.block"));