Classic React Counter App

CounterApp.ts

function Counter() {
  const [count, setCount] = React.useState(0);

  const increment = () => {
    confetti();
    setCount(count + 1);
  };

  const decrement = () => {
    confetti();
    setCount(count - 1);
  };

  return React.createElement(
    'div',
    null,
    React.createElement('h1', null, 'Counter App'),
    React.createElement('p', null, `Current Count: ${count}`),
    React.createElement(
      'button',
      { onClick: increment },
      'Increment'
    ),
    React.createElement(
      'button',
      { onClick: decrement },
      'Decrement'
    )
  );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(React.createElement(Counter, null));