Counter with Auto-Reset - Preact Typing CST Test

Counter with Auto-Reset — Preact Code

Automatically resets when counter exceeds threshold.

import { h } from 'preact';
import { useState } from 'preact/hooks';

function AutoResetCounter() {
	const [count, setCount] = useState(0);
	const threshold = 10;
	const increment = () => setCount(c => (c + 1 > threshold ? 0 : c + 1));
	return (
		<div>
		<h2>Counter: {count}</h2>
		<button onClick={increment}>+</button>
		<button onClick={() => setCount(count - 1)}>-</button>
		<button onClick={() => setCount(0)}>Reset</button>
		</div>
	);
}

export default AutoResetCounter;

Preact Language Guide

Preact is a fast, lightweight JavaScript library for building user interfaces with a React-like API. It emphasizes small bundle size, performance, and compatibility with modern web standards while providing an easy transition for React developers.

More Preact Typing Exercises

Practice Other Languages