Afficher telle image en fonction d'un resultat JS
Bonjour,
Je suis actuellement en train de chercher une méthode pour que entre 0 et 50 ( le résultat ) ça m'affiche une image ( mail.png ) et que entre 51 et 90 ça m'en affiche une autre ( mail1.png)
La fonction de calcul marche impeccable, par contre aucune image ne s'affiche seulement un carré avec le nom du alt.
Je suis preneur de toute information qui peux resoudre mon probleme en vous remerciant d'avance :p
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
| <script language=JavaScript>
function Calcule()
{
var c3=0.785
var c1=document.getElementById('chiffre1').value;
var c2=document.getElementById('chiffre4').value;
var tt=c1*c3
var ttt=c1-tt
var tttt=tt/c2
document.getElementById('total').value = parseInt(tt);
document.getElementById('total2').value = parseInt(ttt);
document.getElementById('total3').value = parseInt(tttt);
if (tttt <= 50)
{
image.src="img/mail.png";
}
else
{
image.src="img/mail1.png";
}
} |
Et le code HTML
Code:
1 2 3 4 5 6 7 8 9
| <form name="classification">
<input class="css-input" placeholder="Globale
(cf : CAR)" id="chiffre1" onKeyup="Calcule()"/> kWh
<br/><br/><br/>
<div class="chauff"><input class="css-input" type="text" placeholder="Chauffage.." id="total"> kWh <input class="css-input" placeholder="ECS.." type="text" id="total2"> kWh</div>
<br/><br/>
<div class="chauff"><input class="css-input" type="text" id="chiffre4" onKeyup="Calcule()" placeholder="Surface.." size="7"> m² <input class="css-inputc" placeholder="Résultat" type="text" id="total3"> kWh/m²/an</div>
<div class="bienvenue"><img id="imageCalcule" src="" alt="class" /></div>
</div>
</form> |