Dark Hole

Ну что тут сложного? У нас есть массив lot
var lot
есть парочка объектов

var chevy = {
  make : "Chevy" ,
  model : "Bel Air"
} ;

var taxi = {
  make : "Webville Motors" ,
  model : "Taxi"
} ;

var fiat1 = {
  make : "fiat" ,
  model : "500" 
} ;

var fiat2 = {
  make : "fiat" ,
  model : "500" 
} ;

мы берем и копируем ссылки на них в массив и присваиваем его lot
var lot = [chevy , taxi , fiat1 , fiat2]
есть у нас магическая функция findCarInLot, с помощью которой мы находим индекс машины в массиве

var loc1 = findCarInLot(fiat2) ;   // Результат 3
var loc2 = findCarInLot(taxi) ;    // Результат 1
var loc3 = findCarInLot(chevy) ; // Результат 0
var loc4 = findCarInLot(fiat1) ;   // Результат 2

Магическая функция работает так:
в параметры нам передают машину

function findCarInLot (car) {
  ...
}

потом мы запускаем цикл по lot

...
  for (var i = 0 ; i < lot.length ; i ++) {
    ...
  }
...

в цикле, lot[i] указывает на текущий элемент
а мы его сравниваем с переданной нам машиной

...
    if ( car === lot[i] ) {
      ...
    }
...

Если они совпадают, мы прерываем функцию, возвращая индекс - return i;
если же весь цикл выполнился и не прервался, то мы возвращаем -1 - return -1;

Это нужно, наверно, для предовращения "погружения" события - почитайте

Отказаться от forEach... точнее, использовать вместо него for в генераторе.

function* code(result) {
  for(var i = 0; i < result.length; i++) yield result[i];
}
function code2(gen) {
  items = gen.next().value;
  request.get("https://www.googleapis.com/youtube/v3/search?part=snippet&order=viewCount&q="+items['song']+'+'+items['song']+"&type=video&key=AIzaSyAvDAdEnqrStOJNnpnGy9BkrC_sG-gcHIU", function(err,res,body){
          if(res.statusCode == 200 ) {          	
             console.log(JSON.parse(body)['items'][0].id.videoId);	
             code2(gen);         
          }
      });
}
let gen = code(result);
code2(gen);

Вы точно смотрели туда? Модель Comet однонаправленая: от сервера к клиенту, а это, очевидно, не то, что вам нужно. Но...
Модель Comet реализуется в клиентской части стандартом Server-Sent Events. Суть ее довольно проста: сервер отправляет строки во всремя создания события. А браузер уже заботится, что бв соединение не прерывалось. Реализация на стороне клиента:

var ticker = EventSource('our.php');
ticker.onmessage = function(e) {
  console.log(e.type);
  console.log(e.data);
}

Со строны сервера должны приходить строки такого вида:

event: hello
data: Hello, World!

Обратите внимание на последнюю строку. Она, собственно говоря, создает событие.
Матчасть: Comet, EventSource

Пример:

var ticker = EventSource('changes.php');
ticker.onmessage = function(e) {
  // Реагируем только на события изменений
  // Нам приходит id + ' ' + html, для примера. Мы очищаем данные split'ом, но настоятельно
  // рекомендую придумать свой формат
  if(e.type == "messagechange") data(e.data.split(' ')[0], e.data.split(' ').slice(1).join(''), e.data);
}
var elements = document.getElementsByClassName('message');
function data(id, data) {
  // Нам приходит id элемента, по которому мы определяем, к какому элементу изменения
  // и дата. В данном примере, id определяет номер элемента, но вы можете изменить эту
  // логику на свою
  elements[+elNum].innerHTML = data;
}

Пример данных от бэкенда

event: messagechange
data: 0 It works!

WebSocket - это как раз двунаправленая связь. Работают они по особому протоколу. Не буду вникать в технические детали, однако соединение постоянное(чего не скажешь про SSE). Реализацию на клиенте берет коструктор WebSocket. Пример:

var socket = new WebSocket('ws://ws.example.com/res');
socket.onopen = fucntion(e) {
  // Socket opened
}
socket.onclose = function(e) {
  // Socket closed
}
socket.onerror = function(e) {
  // Error!
}
socket.onmessage = function(e) {
  console.log(e.data);
}
socket.send('Hello, server!');
socket.close();

Матчасть: MDN

Для начала задам вопрос: на чем вы это делаете?
Если вы это собираетесь делать на HTML, то вы в неправильном направлении. Это лучше всего делать на Canvas.

А что касается резиновости, то тут все просто: мы вычисляем размер canavas, на основании этих размеров высчитываем все нужные нам значения.
Пример
Пусть у нас Тетрис 10х10 клеток, а размеры Canvas - 640х480. Мы хотим, что бы у нас все было по минимальному измерению Canvas. Тогда мы находим его

var min = (canvas.width < canvas.height) ? +canvas.width : +canvas.height

делим его на 10, что бы получить клетку
var size = min / 10
и на основании этого размера делаем передвижение фигур и т.д.

function move(time) {
  var realtime = time - lasttime;
  realtime = realtime - realtime % ourInterval;
  figure.y += (realtime == 0) ? 0 : realtime / ourInterval * size;
  lasttime += realtime;
}

Код-вырвиглаз

.onsubmit(function(e) {
  e.preventDefaults();
}

<a href="./">It works!</a>

button.addEventListener('click', function(e) { input.value = 'Text'; } );

P.S. Как получать input и button - в вопросе не было не слова. Претезии принимать по этому поводу не буду.

Не множественный, а многомерный)
Добавляем такой код в начало(после document-ready):

var array = [];
var els = $('table tr');
for(var i = 0; i < els.length; i++) {
  array.push([]);
  for(var i2 = 0; i2 < $(els[i]).children().length) array[i][i2] = $($(els[i]).children()[i2]);
}

В первом случае у нас объект с 1-12. Тупо, лучше массив сразу.
Во втором случае у нас строка.
Чего удивительного?

Не используйте кирилицу просто.