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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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²&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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>