JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

HTML

<!--
  Create timer that keeps you on track to do n questions in m minutes
  (default 23 questions in 35 minutes)
-->

JavaScript

import { html, render, useState } from "https://unpkg.com/htm/preact/standalone.module.js";

function App() {
	const { time, status, start, pause, reset } = useStopwatch();

	return html`
  	<div style=${{ width: "100vw", height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", overflowY: "auto" }}>
    	<h1>LSAT Timer</h1>
    </div>
  `;
}

function useStopwatch() {
	const 
	const [startTime, setStartTime] = useState(null);
  const [startValue, setStartValue] = useState(0);
  
  const time = startValue;
  const status = startTime === null ? ""

	return { time, status, start, pause, reset };
}

render(html`<${App} />`, document.body);