Bonjour à tous !

Voilà j’essaie d'apprendre le javascript et donc, pour débuter, de faire un formulaire.

Dans ce formulaire j'ai plusieurs liste déroulantes avec à chaque fois un contenu différent.
Chaque sélection d'une liste déroulante a une différente.

Le but est qu'au fur et à mesure je fasse l'addition des sélections afin de mettre dans un label "résultat" soit la mention "Great !" si le résultat est supérieur ou égal à 8 soit la mention "Peut mieux faire" si le résultat est inférieur à 8.

Le souci est que j'ai la liste déroulante et les valeurs attribuées mais je ne sais pas les additionner car ce que j'ai fais ne fonctionne pas.


Voici mon code :

Code HTML : 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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<table>
		<th align="left">CRITERES</th>
		<th>CHOIX</th>
		<tr>
			<td>Niveau anglais</td>
			<td>
			<Form>
			<SELECT name="Choix" size="1" style="width:150px">
			<OPTION>--Choisir--
			<OPTION value="0">Jamais pratiqué
			<OPTION value="1">Faible
			<OPTION value="6">Moyen
			<OPTION value="9">Pro
			</SELECT>
			</Form>
			</td>
		</tr>
		<tr>
			<td>Projet</td>
			<td>
			<Form>
			<SELECT name="Choix1" size="1" style="width:150px">
			<OPTION>--Choisir--
			<OPTION value="0">Non effectué
			<OPTION value="2">Effectué
			</SELECT>
			</Form>
			</td>
		</tr>
		<tr>
			<td>Participation projet</td>
			<td>
			<Form>
			<SELECT name="Choix2" size="1" style="width:150px">
			<OPTION>--Choisir--
			<OPTION value="0">Non
			<OPTION value="1">3pers
			<OPTION value="3">2pers
			<OPTION value="6">1pers
			</SELECT>
			</Form>
			</td>
		</tr>
		<tr>
</table>
<form id=form1 class="displayondemand">
            <label></label> <!-- Resultat //-->
			<input id="ress" name="ress" type="text" value="">
			<br>
			<input type=button value="Valider" onClick="Resul()" /> 
            <input type=reset  value=Annuler>
</form>
 
<script>
 
var selects = document.querySelectorAll('select');
function Resul()
{
        var ouput = "";
        var res=0;
        for(let s in selects)
        {
                  if(selects[s].value !== '--Choisir--')
                  {
                        
                                if(this.value !== 0)
                      {
                                                        res+=selects[s].value
                      }
                   }
   }  
        output=res ;
        if(res>8){
                        document.getElementById('ress').value = 'Great !' + output ;
                }
        if(res<8){
                        document.getElementById('ress').value = 'Peut mieux faire' + output ;
                }
}
</script>

Merci pour votre aide