IdLigne ne fonctionne pas

FerrariPasto - 25 févr. 2024 à 20:19
jordane45 Messages postés 38168 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 mai 2024 - 25 févr. 2024 à 20:28

la seule partie du code qui fonctionne est le premier paragraphe

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


<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>

1 réponse

jordane45 Messages postés 38168 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 mai 2024 4 659
25 févr. 2024 à 20:28

Bonjour,

Déjà, quand tu postes du code sur le forum, merci d'utiliser l'icone prévue à cet effet. Celan rendra le code plus lisible ..

Ensuite, et bien...   il faudrait que tu ouvres la console javascript de ton navigateur internet et que tu regardes les éventuels messages d'erreurs qui s'y trouvent... ( et nous les montrer via une capture écran si tu ne parviens pas à les corriger...)

Et puis.. n'hésites pas à ajouter des console.log  dans ton code histoire d'essayer de voir quelles valeurs prennent tes variables...


0