App

Bundles

Stats
BundleMinifiedGzipBrotli
index.js7.4 kB3.01 kB2.73 kB

Source

import { createSignal } from "solid-js";
import { render } from "solid-js/web";

function App() {
	const [f, setF] = createSignal(null);
	const [c, setC] = createSignal(null);

	function setBothFromC(value) {
		setC(value);
		setF(+(32 + (9 / 5) * value).toFixed(1));
	}

	function setBothFromF(value) {
		setF(value);
		setC(+((5 / 9) * (value - 32)).toFixed(1));
	}

	return (
		<>
			<input
				value={c()}
				onInput={e => setBothFromC(e.currentTarget.value)}
				type="number"
			/>{" "}
			°c ={" "}
			<input
				value={f()}
				onInput={e => setBothFromF(e.currentTarget.value)}
				type="number"
			/>{" "}
			°f
		</>
	);
}

render(App, document.getElementById("app"));