Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Free Currency Converter</title>
    <script>
      function USDtoEuro() {
        let USD, Euro;
        const EuroText = document.getElementById("EuroText");
        USD = document.getElementById("USDToEuros").value;

        Euro = Math.round(USD * 0.76);
        EuroText.innerHTML += "<strong>" + Euro + "</strong>" + " for " + USD + " USD";
        console.log(Euro);
      }
      function USDtoPounds() {
        let USD, Pounds;
        const PoundText = document.getElementById("PoundText");
        USD = document.getElementById("USDToPounds").value;

        Pounds = Math.round(USD * 0.26);
        PoundText.innerHTML += "<strong>" + Pounds + "</strong>" + " for " + USD + " USD";
        console.log(Pounds);
      }
      function USDtoPesos() {
        let USD, Pesos;
        const PesoText = document.getElementById("PesoText");
        USD = document.getElementById("USDToPesos").value;

        Pesos = Math.round(USD * 0.36);
        PesoText.innerHTML += "<strong>" + Pesos + "</strong>" + " for " + USD + " USD";
        console.log(Pesos);
      }
    </script>
  </head>

  <body>
    <h1>Currency Converter</h1>
    <p>
      <input type="text" id="USDToEuros" name="USD to Euro" />
      <input type="button" value="Convert to Euro" onclick="USDtoEuro()" />
      <p id="EuroText"></p>
    </p>
    <p>
      <input type="text" id="USDToPounds" name="USD to Pounds" />
      <input type="button" value="Convert to Pounds" onclick="USDtoPounds()" />
      <p id="PoundText"></p>
    </p>
    <p>
      <input type="text" id="USDToPesos" name="USD to Pesos" />
      <input type="button" value="Convert to Pesos" onclick="USDtoPesos()" />
      <p id="PesoText"></p>
    </p>
  </body>
</html>