make a number label in the top left of the screen with the size of medium and value of 0 and a square in the center with the size medium and whenever you click it the number value goes up by 1 in javascript

index.tsx
const numberLabel = document.createElement('div');
numberLabel.style.position = 'absolute';
numberLabel.style.top = '0';
numberLabel.style.left = '0';
numberLabel.style.fontSize = 'medium';
numberLabel.textContent = '0';
221 chars
7 lines

index.tsx
const square = document.createElement('div');
square.style.position = 'absolute';
square.style.top = '50%';
square.style.left = '50%';
square.style.transform = 'translate(-50%, -50%)';
square.style.width = 'medium';
square.style.height = 'medium';
square.style.backgroundColor = 'black';

square.addEventListener('click', () => {
  const currentValue = Number(numberLabel.textContent);
  numberLabel.textContent = currentValue + 1;
});
436 chars
14 lines

index.tsx
document.body.appendChild(numberLabel);
document.body.appendChild(square);
75 chars
3 lines