import {tileArray} from "/scripts/display/tileRenderer.js"

var button = 0;

function clickSelector(e) {
	document.querySelectorAll('.button').forEach(item => {
		item.style ="";
	})
	event.target.style = "background: lightslategray;"
	button = event.target.no

}

export function create() {
for(let i=0;i < 5;i++) {
	let span = document.createElement('span')
	span.className = "button"
	let n;
	switch (i) {
	case (1):
		n = 4
	break;
	case (2):
		n = 32
	break;
	case (3):
		n = 33
	break;
	case (4):
		n = 34
	break;
	default:
	n = 5
};
	span.appendChild(tileArray[n]);
	document.getElementById("buttonBar").appendChild(span);
	span.no = i;
	span.addEventListener('click', e => {
			clickSelector(e);
		});
};
};

export function getButton() {
	return button;
}