Javascript, remplir un tableau Résolu/Fermé

Question

Bonjours, j'ai creé un tableau et je souhaite le remplir grace a des variables. (il s'agit d'un tableau de score réalisé par l'utilisateur dans differents exercices) Quand je met une variable en dur genre var test = "blabla"; et que je veux afficher la variable tout va bien. Le probleme c'est que je veux afficher une variable qui est le résultat d'une fonction et la, a chaque fois, il me dit "undefined". C'est a mon avis un probleme de variable locale/globale mais je n'arrive pas a le resoudre. Voici comment j'affiche mon tableau: Dans ma page score.html j'ai ces cette ligne: [CODE]

[/CODE] Et dans variables.js j'ai mon tableau: [CODE]var score_tableaus_lire = "Pour les exercices : 'Savoir lire'

Exercice	Bonnes réponses	Érreures
I. Je lis, j'entends, j'écris		"+score_titre+"
II. Je retrouve l'ordre alphabétique
III. Je sais ponctuer et mettre en page un texte
IV. Je sais identifier un texte ou un type de document
V. Je sais retrouver des informations dans un tableau
VI. Je comprends ce que je lis
VII. Je comprends ce que dit le texte
VIII. J'évalue la richesse de mon vocabulaire
IX. Je sais reconnaître les niveaux de langue

"; [/CODE] Et enfin, la variable que je veux afficher c'est scoreexosl_1_enonce1 qui est dans la page fonction.js [CODE]function correctionsl_1_enonce1() { var scoreexosl_1_enonce1 = 0; var difscoreexosl_1_enonce1 = 0; // case 1 var en1 = document.getElementById("sl_1_enonce1_1").value; var rep1 = document.getElementById("sl_1_sol1_1").value; if(en1 == rep1) { document.getElementById("sl_1_enonce1_1").style.backgroundColor='green'; scoreexosl_1_enonce1 = scoreexosl_1_enonce1 +1; } else document.getElementById("sl_1_enonce1_1").style.backgroundColor='red'; //alert("Correct "); //if(en1 != rep1) //alert("inCorrect "); // case 2 var en2 = document.getElementById("sl_1_enonce1_2").value; var rep2 = document.getElementById("sl_1_sol1_2").value; if(en2 == rep2) { document.getElementById("sl_1_enonce1_2").style.backgroundColor='green'; scoreexosl_1_enonce1 = scoreexosl_1_enonce1 +1; } else document.getElementById("sl_1_enonce1_2").style.backgroundColor='red'; //alert("Correct "); //if(en2 != rep2) //alert("inCorrect "); // case 3 var en3 = document.getElementById("sl_1_enonce1_3").value; var rep3 = document.getElementById("sl_1_sol1_3").value; if(en3 == rep3) { document.getElementById("sl_1_enonce1_3").style.backgroundColor='green'; scoreexosl_1_enonce1 = scoreexosl_1_enonce1 +1; } else document.getElementById("sl_1_enonce1_3").style.backgroundColor='red'; //alert("Correct "); //if(en3 != rep3) //alert("inCorrect "); // case 4 var en4 = document.getElementById("sl_1_enonce1_4").value; var rep4 = document.getElementById("sl_1_sol1_4").value; if(en4 == rep4) { document.getElementById("sl_1_enonce1_4").style.backgroundColor='green'; scoreexosl_1_enonce1 = scoreexosl_1_enonce1 +1; } else document.getElementById("sl_1_enonce1_4").style.backgroundColor='red'; //alert("Correct "); //if(en4 != rep4) //alert("inCorrect "); // case 5 var en5 = document.getElementById("sl_1_enonce1_5").value; var rep5 = document.getElementById("sl_1_sol1_5").value; if(en5 == rep5) { document.getElementById("sl_1_enonce1_5").style.backgroundColor='green'; scoreexosl_1_enonce1 = scoreexosl_1_enonce1 +1; } else document.getElementById("sl_1_enonce1_5").style.backgroundColor='red'; //alert("Correct "); //if(en5 != rep5) //alert("inCorrect "); difscoreexosl_1_enonce1 = 5 - scoreexosl_1_enonce1; alert("Ton score est de : "+scoreexosl_1_enonce1+"/5. Tu as donc fait : "+difscoreexosl_1_enonce1+" érreures."); return scoreexosl_1_enonce1; //alert("le champ a pour valeur : "+scoreexo); // alert("le champ a pour valeur : "+obj1); // alert("le champ a pour valeur : "+obj2); //self.location.href="index.html?scoreexosl_1_enonce1="+scoreexosl_1_enonce1; }[/CODE] Et voici fiche_1 CRDP de L'académie de Nice -- Accompagenement scolaire

Niveau 1

Niveau 2

Niveau 3

A revoir

NIVEAU 1
Activité :

NIVEAU 2
Activité :

NIVEAU 3
Activité :

Corrigé de la lettre :

VOici comment ça marche: Quand je suis sur index, je clique sur un lien qui m'amene a fiche 1. Fiche 1 est un exercice et en bas il y a 2 liens. Un quicorrige l'exercice en appelant correctionsl_1_enonce1() et un qui affiche les reponses. Et le but est de remplir le tableau de score. Si vous pouviez me donner une piste pour me debloquer, Merci, Benjamin

Reivax962 · Answer

Bonjour, 

Ta variable scoreexosl_1_enonce1 est définie au sein de la fonction correctionsl_1_enonce1. Elle n'existe pas en dehors de cette fonction. 

Quand tu écris return scoreexosl_1_enonce1; à la fin de ta fonction, ça ne renvoie pas ta variable mais sa valeur. 

Donc au moment où tu affiches ton score, il ne faut pas afficher scoreexosl_1_enonce1, mais il faut afficher correctionsl_1_enonce1(). 

Si tu donnes le code que tu utilises pour l'affichage proprement dit, je pourrais te montrer comment l'adapter. 

Xavier

Super_carotte · Answer

Mon code? le voila: Pour le score.html: Accompagenement scolaire

Pour le fonction.js: function reponse_1_enonce1() { display('sol_1'); } var scoreexosl_1_enonce1 = 0; var difscoreexosl_1_enonce1 = 0; function correctionsl_1_enonce1() { //var scoreexosl_1_enonce1 = 0; //var difscoreexosl_1_enonce1 = 0; // case 1 var en1 = document.getElementById("sl_1_enonce1_1").value; var rep1 = document.getElementById("sl_1_sol1_1").value; if(en1 == rep1) { document.getElementById("sl_1_enonce1_1").style.backgroundColor='green'; scoreexosl_1_enonce1 ++; } else document.getElementById("sl_1_enonce1_1").style.backgroundColor='red'; //alert("Correct "); //if(en1 != rep1) //alert("inCorrect "); // case 2 var en2 = document.getElementById("sl_1_enonce1_2").value; var rep2 = document.getElementById("sl_1_sol1_2").value; if(en2 == rep2) { document.getElementById("sl_1_enonce1_2").style.backgroundColor='green'; scoreexosl_1_enonce1 ++; } else document.getElementById("sl_1_enonce1_2").style.backgroundColor='red'; //alert("Correct "); //if(en2 != rep2) //alert("inCorrect "); // case 3 var en3 = document.getElementById("sl_1_enonce1_3").value; var rep3 = document.getElementById("sl_1_sol1_3").value; if(en3 == rep3) { document.getElementById("sl_1_enonce1_3").style.backgroundColor='green'; scoreexosl_1_enonce1 ++; } else document.getElementById("sl_1_enonce1_3").style.backgroundColor='red'; //alert("Correct "); //if(en3 != rep3) //alert("inCorrect "); // case 4 var en4 = document.getElementById("sl_1_enonce1_4").value; var rep4 = document.getElementById("sl_1_sol1_4").value; if(en4 == rep4) { document.getElementById("sl_1_enonce1_4").style.backgroundColor='green'; scoreexosl_1_enonce1 ++; } else document.getElementById("sl_1_enonce1_4").style.backgroundColor='red'; //alert("Correct "); //if(en4 != rep4) //alert("inCorrect "); // case 5 var en5 = document.getElementById("sl_1_enonce1_5").value; var rep5 = document.getElementById("sl_1_sol1_5").value; if(en5 == rep5) { document.getElementById("sl_1_enonce1_5").style.backgroundColor='green'; scoreexosl_1_enonce1 ++; } else document.getElementById("sl_1_enonce1_5").style.backgroundColor='red'; //alert("Correct "); //if(en5 != rep5) //alert("inCorrect "); difscoreexosl_1_enonce1 = 5 - scoreexosl_1_enonce1; alert("Ton score est de : "+scoreexosl_1_enonce1+"/5. Tu as donc fait : "+difscoreexosl_1_enonce1+" érreures."); //alert("le champ a pour valeur : "+scoreexo); // alert("le champ a pour valeur : "+obj1); // alert("le champ a pour valeur : "+obj2); //self.location.href="index.html?scoreexosl_1_enonce1="+scoreexosl_1_enonce1; } Et pour le variables.js: //////////Fiche Score var score_titre = "Ma fiche de score"; var score_vignette = "./s_lire/fiche_5.html"; var score_document = "./score.html"; var score_enonce = "Scores réalisés sur les différents exercices:

"; var score_tableaus_lire = "Pour les exercices : 'Savoir lire'

Exercice	Bonnes réponses	Érreures
I. Je lis, j'entends, j'écris	"+scoreexosl_1_enonce1+"	"+score_titre+"
II. Je retrouve l'ordre alphabétique
III. Je sais ponctuer et mettre en page un texte
IV. Je sais identifier un texte ou un type de document
V. Je sais retrouver des informations dans un tableau
VI. Je comprends ce que je lis
VII. Je comprends ce que dit le texte
VIII. J'évalue la richesse de mon vocabulaire
IX. Je sais reconnaître les niveaux de langue

"; var score_tableaus_ecr = "Pour les exercices : 'Savoir lire pour savoir écrire'

Exercice	Bonnes réponses	Érreures
I. Je sais rédiger un court récit
II. Je sais utiliser les temps du récit
III. Je sais distinguer et utiliser ' narrateur ' et 'personnages'
IV. Je sais utiliser les indices spatio-temporels
V. Je sais différencier et repérer les différents actants
VI. Je sais caractériser les personnages d'un récit.
VII. Je sais identifier les caractéristiques d'un texte de théâtre
VIII. Je sais faire la différence entre un dialogue dans un récit et un dialogue de théâtre
IX. Je sais reconnaître un texte poétique et écrire un poème

2008 Article de Presse La Chèvre de Mr Seguin Charles PERRAULT 1866 Conte Le Loup du Mercantour Alphonse DAUDET 1697 Fable Le Loup et l'Agneau Mon Quotidien 1668 "; var scoreexosl_1_enonce1 = ""; Bien entendu, pour fonction et variables.js je n'ai mis qu'une partie du code. Merci, Benjamin

Super_carotte · Answer

C'est sur la page fiche_1 (je ne te l'avai pas mise, la voici (j'ai éditer mon premier post)

VOici comment ça marche:
Quand je suis sur index, je clique sur un lien qui m'amene a fiche 1.
Fiche 1 est un exercice et en bas il y a 2 liens.
Un quicorrige l'exercice en appelant correctionsl_1_enonce1() et un qui affiche les reponses.
Et le but est de remplir le tableau de score.

Super_carotte · Answer

Solution trouvée en utilisant "document.parent.ma_variable".

C'etait donc bien un probleme de portée de variable.

Merci a vous =D

Javascript, remplir un tableau

4 réponses

Discussions similaires