Sergey Kluchkovsky kaineer

Задание

Взять index.html и style.css из исходного задания
Взять script.js из этого gist-а.
Файлы с уровнями отсюда
И, теперь главное -- сделать так, чтобы когда мы перешли с уровня на уровень, имеющийся обработчик (созданный в 28 строке, в функции on()) отключался, для того, чтобы второй уровень работал нормально.

Временная мёртвая зона (TDZ) обеспечивается на нескольких уровнях работы JavaScript-движка. Вот как это реализовано технически:

На этапе компиляции движок JavaScript выполняет:

	// util functions
	const list = (arrLike) => Array.from(arrLike);
	const first = (selector) => document.querySelector(selector);
	const all = (selector) => list(document.querySelectorAll(selector));

	const child = (el, index = 0) => list(el.children)[index];

	const text = (el, value = null) => {
	if (value === null) {
	return el && el.textContent;

	// Все, что было раньше плюс

	const makeCell = (x, y) => {
	return "<div class='item' data-pos='" + x + ":" + y + "'></div>"
	}

	const makeRow = (y) => {
	let row = "<div class='row'>";
	for (let x = 0; x <= 10; x++) {
	row += makeCell(x, y);

	<!doctype html>
	<html>
	<head>
	<title>SVG sample</title>
	<link rel="stylesheet" href="./style.css" />
	</head>
	<body>
	<main></main>
	<div class="arrows">
	<svg

	setBind: (state, action) => {
	const code = action.payload;
	if (state.direction) {
	state.bindings[state.direction] = code;
	state.direction = null;
	}
	},