<div id="app"></div>
const App = () => {
  const handlerSubmit = (e) => {
    e.preventDefault();
    window.alert('submit');
  }

  return (
    <div>
      <form onSubmit={ handlerSubmit }>
        <label htmlFor="account">帳號</label>
        <input id="account" type="text" />
        <button type="submit">送出</button>
      </form>
    </div>
  )
}

const app = document.querySelector('#app');
const root = ReactDOM.createRoot(app);
root.render(<App />);
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/react@18/umd/react.development.js
  2. https://unpkg.com/react-dom@18/umd/react-dom.development.js