Live currency exchange rate calculator

by jahongirsobirov

HTML

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

JavaScript

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

let usdAmount = state(0, {storageKey: "usd-amount"}).root(document.body).render('#usd')
let uzsAmount = state(usdAmount.val, {storageKey: "uzs-amount"}).root(document.body).render('#uzs').render('#uzs-val')

effect(async ()=> {
  const res = await fetch("https://hexarate.paikama.co/api/rates/USD/UZS/latest")
  const data = await res.json()
  const rate = data.rate
  const result = amount * rate
  uzsAmount.val = result
})