You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/documentation/examples/20-7guis/02-7guis-temperature/App.svelte

25 lines
494 B

<script>
let c = 0;
let f = 32;
function setBothFromC(value) {
c = +value;
f = +(32 + (9 / 5) * c).toFixed(1);
}
function setBothFromF(value) {
f = +value;
c = +((5 / 9) * (f - 32)).toFixed(1);
}
</script>
<!-- https://eugenkiss.github.io/7guis/tasks/#temp -->
<input value={c} on:input={(e) => setBothFromC(e.target.value)} type="number" /> °C =
<input value={f} on:input={(e) => setBothFromF(e.target.value)} type="number" /> °F
<style>
input {
width: 5em;
}
</style>