44 lines
1.7 KiB
JavaScript
44 lines
1.7 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const grid = document.querySelector('.grid')
|
|
let squares = Array.from(document.querySelectorAll('.grid div'))
|
|
const ScoreDisplay = document.querySelector('#score')
|
|
const StartBtn = document.querySelector('#start-button')
|
|
const GRID_WIDTH = 10
|
|
|
|
//The Tetrominoes
|
|
const lTetromino = [
|
|
[1, GRID_WIDTH + 1, GRID_WIDTH * 2 + 1, 2],
|
|
[GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH + 2, GRID_WIDTH * 2 + 2],
|
|
[1, GRID_WIDTH + 1, GRID_WIDTH * 2 + 1, GRID_WIDTH * 2],
|
|
[GRID_WIDTH, GRID_WIDTH * 2, GRID_WIDTH * 2 + 1, GRID_WIDTH * 2 + 2]
|
|
]
|
|
|
|
const zTetromino = [
|
|
[0, GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH * 2 + 1],
|
|
[GRID_WIDTH + 1, GRID_WIDTH + 2, GRID_WIDTH * 2, GRID_WIDTH * 2 + 1],
|
|
[0, GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH * 2 + 1],
|
|
[GRID_WIDTH + 1, GRID_WIDTH + 2, GRID_WIDTH * 2, GRID_WIDTH * 2 + 1]
|
|
]
|
|
|
|
const tTetromino = [
|
|
[1, GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH + 2],
|
|
[1, GRID_WIDTH + 1, GRID_WIDTH + 2, GRID_WIDTH * 2 + 1],
|
|
[GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH + 2, GRID_WIDTH * 2 + 1],
|
|
[1, GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH * 2 + 1]
|
|
]
|
|
|
|
const oTetromino = [
|
|
[0, 1, GRID_WIDTH, GRID_WIDTH + 1],
|
|
[0, 1, GRID_WIDTH, GRID_WIDTH + 1],
|
|
[0, 1, GRID_WIDTH, GRID_WIDTH + 1],
|
|
[0, 1, GRID_WIDTH, GRID_WIDTH + 1]
|
|
]
|
|
|
|
const iTetromino = [
|
|
[1, GRID_WIDTH + 1, GRID_WIDTH * 2 + 1, GRID_WIDTH * 3 + 1],
|
|
[GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH + 2, GRID_WIDTH + 3],
|
|
[1, GRID_WIDTH + 1, GRID_WIDTH * 2 + 1, GRID_WIDTH * 3 + 1],
|
|
[GRID_WIDTH, GRID_WIDTH + 1, GRID_WIDTH + 2, GRID_WIDTH + 3]
|
|
]
|
|
|
|
}) |