"].join(''); for (var j = 0; j < width; j++) { html = [html, "

"].join(''); } html = [html, "

"].join(''); } for (var i = 0; i < length; i++) { html = html.replace('0_' + i, '0_' + i + ' s'); } $('main').innerHTML = html; var timer = setInterval(function () { x = (x + dx) < 0 ? width - 1 : (x + dx) % width; y = (y + dy) < 0 ? height - 1 : (y + dy) % height; newEl = _document.getElementsByClassName(y + '_' + x)[0]; if(newEl.className.indexOf('f') > 0) { newEl.className = newEl.className.replace(' f', ''); length++; score.innerHTML = (length - lengthInit); hasFood = false; } for (var i = 0, min = Infinity, item, items = _document.getElementsByClassName('s'), len = items.length; i < len && len > length; i++) if (+items[i].getAttribute('data-n') < min) { min = +items[i].getAttribute('data-n'); item = items[i]; } if(!!item) item.className = item.className.replace(' s', ''); if(newEl.className.indexOf('s') > 0) { clearInterval(timer); alert('Game Over!\nScore: ' + (length - lengthInit)); _document.location.href = _document.location.href }; newEl.className += ' s'; newEl.setAttribute('data-n', current++); for(var fItem, fX, fY; !hasFood; fX = _math.random() * width | 0, fY = _math.random() * height | 0) if(!!fX && !!fY && _document.getElementsByClassName(fY + '_' + fX)[0].className.indexOf('s') < 0) { hasFood = true; _document.getElementsByClassName(fY + '_' + fX)[0].className += ' f'; } hasMoved = false; }, milliseconds); };

SnakeGame