game-native.html

<!DOCTYPE html>
<html>
<head>
	<title>GAME</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<script language="javascript" src="js/native/matrix.js"></script>
    <script language="javascript" src="js/native/snake.js"></script>
    <script language="javascript" src="js/native/game.js"></script>
	<script>
        window.onload = function() {
            var gamePlay = new GamePlay('matrix');

            // Начало игры
            document.getElementById('start').onclick =  function() {
                gamePlay.game();
                this.setAttribute('disabled', 'disabled');
            };

            // Когда человек меняет уровень/скорость
            document.getElementById('selectSpeed').onchange =  function(){
                var val = this.querySelectorAll('option:checked')[0].value;
                gamePlay.setSpeed(val);
            };

            // Когда человек отправляет свои данные
            document.getElementById('submitName').onclick =  function(){
                console.log(document.getElementById('playerName'));
                gamePlay.saveResults(document.getElementById('playerName').value);
            };
        };
    </script>
</head>
<body>
	<div id="matrix">
        <!--Форма заполнения результата-->
        <div id="nameForm-l" class="nameForm-l hide"></div>
        <div id="nameForm" class="nameForm hide">
            <h2>Sorry, this is the end!</h2>
            <div class="desc">
                <input id="playerName" class="playerName" placeholder="Your name (in English)" value="">
            </div>
            <button class="btn-name" id="submitName">Submit</button>
            <div id="nameForm-notice" class="notice"></div>
        </div>
        <!--/Форма заполнения результата-->
    </div>

    <!-- Панель управления -->
    <div class="control-panel">
        <div class="control-panel__left">
            <!-- Выбор Уровная сложности -->
            <div class="cp">
                <h2>Snake</h2>
                <select id="selectSpeed" class="selectSpeed">
                    <option value="1000">1 level</option>
                    <option value="500">2 level</option>
                    <option value="50">3 level</option>
                </select>
                <button class="actionButton start" id="start">Start</button>
            </div>
            <!-- /Выбор Уровная сложности -->

            <!-- Счет -->
            <div class="cp">
                <h2>Score</h2>
                <div id="score" class="score">000</div>
            </div>
            <!-- /Счет -->
            <!-- Результаты -->
            <div id="results" class="cp">
            </div>
            <!-- /Результаты -->
        </div>
    </div>

    <!-- Панель управления -->


</body>
</html>