idLigne ne fonctionne pas je ne sais pas pourquoi

**PastoFerrari** · 25/02/2024, 19h30

la seule partie du code qui fonctionne est le premier paragraphe

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
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
function cal(idLigne){ 
 
        let Eval1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval2 = parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Moy   = document.getElementById(idLigne).querySelector(".Moyenne").value = (Eval1+Eval2)/2;
        let Coef  = parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let Total = document.getElementById(idLigne).querySelector(".Total").value = (Moy*Coef);
        let Appr  = document.getElementById(idLigne).querySelector(".Appreciation").value; 
 
        let Eval1L1B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L2B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L3B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L4B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L5B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L6B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L7B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L8B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L9B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L10B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L11B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L12B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let Eval1L13B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
        let TotalEval1 = document.getElementById(idLigne).querySelector(".TotalEval1").value;
        TotalEval1 = (Eval1L1B1+Eval1L2B1+Eval1L3B1+Eval1L4B1+Eval1L5B1+Eval1L6B1+Eval1L7B1+Eval1L8B1+Eval1L9B1+Eval1L10B1+Eval1L11B1+Eval1L12B1+Eval1L13B1);
 
        let Eval2L1B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L2B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L3B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L4B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L5B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L6B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L7B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L8B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L9B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L10B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L11B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L12B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let Eval2L13B1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
        let TotalEval2 = document.getElementById(idLigne).querySelector(".TotalEval2").value;
        TotalEval2 = (Eval2L1B1+Eval2L2B1+Eval2L3B1+Eval2L4B1+Eval2L5B1+Eval2L6B1+Eval2L7B1+Eval2L8B1+Eval2L9B1+Eval2L10B1+Eval2L11B1+Eval2L12B1+Eval2L13B1);
 
        let MoyL1B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL2B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL3B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL4B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL5B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL6B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL7B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL8B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL9B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL10B1 = parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL11B1 = parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL12B1 = parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let MoyL13B1 = parseFloat(document.getElementById(idLigne).querySelector(".Moyenne").value);
        let TotalMoy = document.getElementById(idLigne).querySelector(".TotalMoyenne").value;
        TotalMoy = (MoyL1B1+MoyL2B1+MoyL3B1+MoyL4B1+MoyL5B1+MoyL6B1+MoyL7B1+MoyL8B1+MoyL9B1+MoyL10B1+MoyL11B1+MoyL12B1+MoyL13B1);
 
        let CoefL1B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL2B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL3B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
         let CoefL4B1 = parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL5B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL6B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL7B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL8B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL9B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL10B1 = parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL11B1 = parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL12B1 = parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let CoefL13B1 = parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
        let TotalCoef = document.getElementById(idLigne).querySelector(".TotalCoef").value;
        TotalCoef = (CoefL1B1+CoefL2B1+CoefL3B1+CoefL4B1+CoefL5B1+CoefL6B1+CoefL7B1+CoefL8B1+CoefL9B1+CoefL10B1+CoefL11B1+CoefL12B1+CoefL13B1);
 
        let TotalL1B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL2B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL3B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL4B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL5B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL6B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL7B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL8B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL9B1 =  parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL10B1 = parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL11B1 = parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL12B1 = parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalL13B1 = parseFloat(document.getElementById(idLigne).querySelector(".Total").value);
        let TotalTotal = document.getElementById(idLigne).querySelector(".TotalTotal").value;
        TotalTotal = (TotalL1B1+TotalL2B1+TotalL3B1+TotalL4B1+TotalL5B1+TotalL6B1+TotalL7B1+TotalL8B1+TotalL9B1+TotalL10B1+TotalL11B1+TotalL12B1+TotalL13B1);
 
        let CoefTotal =  document.getElementById(idLigne).querySelector(".Coef").value = (TotalCoef);
        let PointsTotal= document.getElementById(idLigne).querySelector(".Points").value = (TotalTotal);
        let Moyenne = document.getElementById(idLigne).querySelector(".Moyenne").value = (TotalTotal/TotalCoef);
 
        //   Couleur en fonction de la note
        if(Eval1 < 10){
            document.getElementById(idLigne).querySelector(".Eval1").style.backgroundColor = "gray";
          }else{
            document.getElementById(idLigne).querySelector(".Eval1").style.backgroundColor = "white";
          }
 
          if(Eval2 < 10){
            document.getElementById(idLigne).querySelector(".Eval2").style.backgroundColor = "gray";
          }else{
            document.getElementById(idLigne).querySelector(".Eval2").style.backgroundColor = "white";
          }
 
          if(Moy < 10){
            document.getElementById(idLigne).querySelector(".Moyenne").style.backgroundColor = "gray";
          }else{
            document.getElementById(idLigne).querySelector(".Moyenne").style.backgroundColor = "white";
          }
 
          // appreciation
 
          if(Moy <= 10 ){
                  document.getElementById(idLigne).querySelector(".Appreciation").value ="N.A"
          }else if(Moy >= 10 & Moy <= 14){
                  document.getElementById(idLigne).querySelector(".Appreciation").value ="E.C.A"
              }else if(Moy >= 15 & Moy <= 17){
                  document.getElementById(idLigne).querySelector(".Appreciation").value ="A"
              }else if(Moy >= 17 & Moy <= 20){
                  document.getElementById(idLigne).querySelector(".Appreciation").value ="E"
              }
        return(Moy, Total, TotalEval1, TotalEval2, TotalMoy, TotalCoef, TotalTotal, CoefTotal, PointsTotal);
 
    }

je ne sais pas pourquoi le code ne s'execute pas a partir des sommes pourtant j'ai bien appeler le fonction dans le html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<tr id="Ligne14B1">
 
                                    <td id="Dictee">TOTAL</td>
 
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="3" class="TotalEval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalEval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalMoyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalCoef" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalTotal" /> </td>
                                </tr>