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/site/content/examples/7guis-temperature/App.html

25 lines
499 B

<!-- https://github.com/eugenkiss/7guis/wiki#temperature-converter -->
<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>
<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>