Calcul dynamique prix

Bonjour à tous.

j'ai besoin de votre aide car je ne sais pas du tout comment faire.

j'ai un calcul qui se fait sur une page mais celle ci a besoin d'un refresh pour afficher le resultat et en fait je souhaiterai afficher ce résultat dynamiquement.

je souhaiterai que quand une valeur est tapé dans la case "Prix forcé Amazon HT" que le resultat soit retouné automatiquement dans la case "Prix affiché en ligne"

http://prntscr.com/mx7suv

Ci dessous le code de ma page

Code:

---

1 2 3 4 5 6 7 8 9

<div class="col-xl-2 col-lg-3 form-group"> <label class="form-control-label">{l s='Prix forcé Amazon HT' mod='customproductfields'}</label> <div class="input-group money-type"> <span class="input-group-addon">{assign currency Currency::getDefaultCurrency()->sign}{$currency}</span> <input class="form-control" name="specific_amazon_price" type="text" value="{$specific_amazon_price}">   </div> <div>Prix affiché en ligne : {round(($specific_amazon_price*1.200)*1.14,2)} €</div>   </div>

---

merci par avance pour votre aide

sur un event de ton input (onchange; onkeyup, onmouseup ou onblur...) de ton input lance une fonction js qui fait le calcul ...

merci pour votre réponse mais sincérement je suis totalement largué je ne maitrise pas du tout. pourriez vous m'indiquez le code exact snas trop vous embeter.

merci

à titre d'exemple ...
https://jsfiddle.net/mjs1fokn/

à approfondir ...

merci pour votre retour

effectivement cette fonction à l'air simple mais je ne vois pas comment positionner mes variables et comment positionner le code dans ma page. je ne suis pas du tout familier avec js. je bricole un peu en php.

Code:

---

1 2 3 4 5 6 7

function RefreshPrix(){ prix= +document.getElementById('prix').value; qte=+document.getElementById('qte').value; document.getElementById('total').value= ( prix*qte) } document.getElementById('prix').onkeyup=RefreshPrix document.getElementById('qte').onkeyup=RefreshPrix

---

je ne comprends pas. que suis je censer faire avec ce free user template ?

A priori tu n'as pas d'id mais des names sur tes inputs

attribues les events en bouclant sur la collection getElementsByName

et utilises des selecteurs relatifs pour recupérer les valeurs des éléments avoisinants...