Proyecto conversor de divisas usando una API con JavaScript

Creando el diseño base

  • Creamos un directorio para el proyecto Conversor.
  • Creamos un fichero index.html.
  • Autocompletamos con ! + tab y abrimos en Live Server.
  • Cambiamos el title del HTML a Conversor de divisas.
  • Añadimos la estructura base al body:

index.html

<div>
  <div>Euros</div>
  <input type="number" value="1" /> 
</div>
<div>
  <div>Dólares</div>
  <input type="number" value="1" />  
</div>
<div>
  <div>Libras</div>
  <input type="number" value="1" /> 
</div>
<div>
  <div>Yenes</div>
  <input type="number" value="1" />  
</div>