<script>
	let a = 1;
	let b = 2;
</script>

<label>
	<input type="number" value={a} min="0" max="10" />
	<input type="range" value={a} min="0" max="10" />
</label>

<label>
	<input type="number" value={b} min="0" max="10" />
	<input type="range" value={b} min="0" max="10" />
</label>

<p>{a} + {b} = {a + b}</p>

<style>
	label {
		display: flex;
	}
	input,
	p {
		margin: 6px;
	}
</style>