gameScreen.js

// ? Choose next piece
function next() {
	nextPieceIndex = pieces.indexOf(random(pieces))
	let pos = findPos(nextPieceIndex)
	nextPiece = new Piece(nextPieceIndex, (12 + pos[0]) * gridSize, (2 + pos[1]) * gridSize)
}

// ? Handle held piece
function held() {
	let pos = findPos(heldPieceIndex)
	if(!heldPiece) {
		piece = new Piece(nextPieceIndex)
		next()
	} else piece = new Piece(heldPiece.pieceIndex)
	heldPiece = new Piece(heldPieceIndex, (12 + pos[0]) * gridSize, (13 + pos[1]) * gridSize)
}

// ? Finds the pos array to centralize the pieces in the next and hold boxes
function findPos(index) {
	let pos = []
	switch (index) {
		case 0:
			pos = [1.5, 1.5]
			break
		case 1:
		case 2:
		case 3:
		case 6:
			pos = [1, 0.5]
			break
		case 4:
			pos = [1.5, 1]
			break
		case 5:
			pos = [0.5, 1]
			break
	}
	return pos
}

function showScore() {
	scoreCounter.innerText = `Score: ${score}`
	highScoreCounter.innerText = `Highscore: ${highscore}`
}

function gameOver() {
	gameOverScreen.setAttribute('data-gameover-screen', 'show')
}

function restartGame() {
	gameOverScreen.setAttribute('data-gameover-screen', 'hide')
	setup()
	loop()
	score = 0
	showScore()
}

restartBtn.addEventListener('click', restartGame)