Sigle € (exposant) et décimal (police plus petite) [Fermé]

Signaler
-
Bonjour,

j'aimerais afficher le sigle "€" en exposant et les décimales avec une police plus petite.

j'ai calcul qui se fait via 2 INPUT qui affiche le contenu dans une Div#prix.

En saisie directe dans INPUT "#first" , l'affichage se fait correctement (exposant et décimale) mais le gros du problème c'est lorsque je met un chiffre pour le calcul dans INPUT "second" que tout passe en minuscule et affiche un deuxième sigle €

( <span id="prix"> <sup>€</sup><span class="decimal">100€50</span></span>)


affichage a l’écran : €100€50


voici mon bout de code :

<div>Prix<input class="saisie" id='first' type="number"   placeholder="" required  /></div>
  
  
  <br />

  
 <div>Nombre de fois<input class="saisie" id='second' type="number"   placeholder="" required  /></div>

<div id="ligne_apport">POUR CETTE ACHAT DE <span id="prix">0<sup>€</sup><span class="decimal">00</span></span></div>




 

	$('#first').on('input',function(e){
     $("#prix").html($(this).val());
	 
 });

$('#prix').each(function () {
    var $this = $(this),
        $val = $this.text(),
        dec_pos = $val.indexOf('.');
  if (firstValue == parseInt(firstValue)){
    return $('#prix').html(firstValue + '<sup>€</sup><span class="decimal"></span>');
   }
  else{
  $this.html($val.substring(0, dec_pos) + '<sup>€</sup><span class="decimal">' + $val.substring(dec_pos + 1) + '</span>');
  }
});


merci de votre aide


EDIT: Correction des balises de code