how to limit output to 2 decimal points

July 20, 2022

i do have a small code when i run it, it gives me a very long decimal points how can short it to 2 decimal points,i tried using .replace but it doesn’t seem to work for me

<html lang="en-US" class="lang-en" dir="ltr">
  <head>
    <script type="text/javascript" src="//code.jquery.com/jquery-compat-git.js"></script>

  </head>
            
                  <input name="get" class="currencyField" value="12.99957024" >
                  <label id="price"></label>
                

          
          
    <script type="text/javascript">
    $(".currencyField").load('input', function(){ //input[name='calc']
        //input[name='calc']
        let convFrom;
        if ($(this).prop("name") == "get") {
          convFrom = "get";
          convTo = "usd";
        } else {
          convFrom = "usd";
          convTo = "get";
        }
        $.getJSON("https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=ethereum", function (data) {
          var origAmount = parseFloat($("input[name='" + convFrom + "']").val());
          var exchangeRate = parseInt(data[0].current_price);
          let amount;
          if (convFrom == "get") amount = parseFloat(origAmount * exchangeRate);
          else amount = parseFloat(origAmount / exchangeRate);

          let displayAmount = amount.toString();
          displayAmount = displayAmount.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,");
          $("input[name='" + convTo + "']").val(displayAmount);
          price.innerHTML = "$" + displayAmount;
          
        });
      });  
    </script>

   
  </body>
</html>

>Solution :

You can use toFixed(2), add it to the end of lines 16 and 17

$(".currencyField").load('input', function() { //input[name='calc']
  //input[name='calc']
  let convFrom;
  if ($(this).prop("name") == "get") {
    convFrom = "get";
    convTo = "usd";
  } else {
    convFrom = "usd";
    convTo = "get";
  }
  $.getJSON("https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=ethereum", function(data) {
    var origAmount = parseFloat($("input[name='" + convFrom + "']").val());
    var exchangeRate = parseInt(data[0].current_price);
    console.log(origAmount);
    let amount;
    if (convFrom == "get") amount = parseFloat(origAmount * exchangeRate).toFixed(2);
    else amount = parseFloat(origAmount / exchangeRate).toFixed(2);

    let displayAmount = amount.toString();
    displayAmount = displayAmount.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,");
    $("input[name='" + convTo + "']").val(displayAmount);
    price.innerHTML = "$" + displayAmount;

  });
});

<script type="text/javascript" src="//code.jquery.com/jquery-compat-git.js"></script>
<input name="get" class="currencyField" value="12.99957024">
<label id="price"></label>