const text = (score: number, level: number) => `${texts[level]} \n ${score}`;
export const render = (score: number, level: number) => {
const id = 'level' + level;
const element = document.getElementById(id);
const innerText = text(score, level);
element.innerText = innerText;
const elem = document.createElement('div');
elem.style.zIndex = `${level}`;
elem.style.position = 'absolute';
elem.style.height = '150px';
elem.style.width = '150px';
elem.style.borderRadius = '10px';
const position = level * 20;
elem.style.top = position + 'px';
elem.style.left = position + 'px';
const col = 100 + position;
elem.style.background = `rgb(0,${col},0)`;
elem.style.color = 'white';
elem.innerText = innerText;
elem.style.textAlign = 'center';
elem.style.verticalAlign = 'middle';
elem.style.lineHeight = '90px';
document.body.appendChild(elem);
export const clear = () => (document.body.innerText = '');