celsius-fahren-turbine

function model({ fahrenInput, celsiusInput }) {
  const fahrenChange = fahrenInput.map((ev) => ev.currentTarget.value);
  const celsiusChange = celsiusInput.map((ev) => ev.currentTarget.value);
  const fahrenToCelsius =
    fahrenChange.map(parseFloat).filter((n) => !isNaN(n)).map((f) => (f - 32) / 1.8);
  const celsiusToFahren =
    celsiusChange.map(parseFloat).filter((n) => !isNaN(n)).map((c) => c * 9 / 5 + 32);
  const celsius = stepper(0, combine(celsiusChange, fahrenToCelsius));
  const fahren = stepper(0, combine(fahrenChange, celsiusToFahren));
  return Now.of([{ fahren, celsius }, []]);
}

const view = ({ fahren, celsius }) => div([
  div([
    label("Fahrenheit"),
    input({ props: { value: fahren }, output: { fahrenInput: "input" } })
  ]),
  div([
    label("Celsius"),
    input({ props: { value: celsius }, output: { celsiusInput: "input" } })
  ])
]);

const component = modelView(model, view);