I have this code so when the user introduces for example "10" it appears 10,00 in the price field:

1. 
   
2. document.getElementById("show_price").onblur = function () {
3.       var $price = document.getElementById("registration_type_price");
4.       $price.value = this.value;
5.       this.value = parseFloat(this.value.replace(/,|\$/g, ""))
6.           .toFixed(2)
7.           .toString()
8.           .replace(/\B(?=(\d{3})+(?!\d))/g, ".");
9.   }

But I would like to show also the $, like 10,00$. Do you know how to achieve that?

The input is like this:

1. 
   
2. <div class="form-group col-md-6">
3.     <label for="registration_type_price">Price</label>
4.     <input type="hidden" name="registration_type_price" id="registration_type_price"/>
5.     <input type="number"
6.            onkeydown="javascript: return event.keyCode == 69 ? false : true"
7.            min="0" step="any"
8.            class="form-control"
9.            value="{{ old('registration_type_price', '0.00') }}"
10.            name="show_price" id="show_price" placeholder="Price (Ex: 15,00)"/>
11. </div>