Live currency exchange rate calculator

HTML

<script src="https://signel.onrender.com/signel.js"></script>
<input id="usd" type="number" />
<input id="uzs" type="text" readonly />
<div class="exchange">
  UZS: $$uzsAmount
</div>

JavaScript

const state = el(".exchange", {
  usdAmount: "",
  uzsAmount: 0
});

model("#usd", state, "usdAmount");
model("#uzs", state, "uzsAmount"); // read-only still updates

watch(state, "usdAmount", async value => {
  if (!value) {
    state.uzsAmount = "";
    return;
  }

  const res = await fetch(
    "https://hexarate.paikama.co/api/rates/USD/UZS/latest"
  );
  const data = await res.json();

  state.uzsAmount = (value * data.data.mid).toFixed(2);
});