Récupérer une variable dans une fonction anonyme

Version imprimable

Bonjour à tous,
Voilà je débute en javascript et je connais pas encore toute les petites subtilités...
donc ma question comment récupérer la valeur d'une variable d'une fonction anonyme exécuter à partir d’événement de type "click".

Exemple de code :

Juste une petite partie...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<nav id="menu">
        <ul class="menu-ul">
            <li><a href="">EASY_0</a></li>
            <li><a href="">EASY_1</a></li>
            <li><a href="">EASY_2</a></li>
        </ul>
    </nav>
    <script>
 
        function uno(){
            var test = "";
            var el = document.querySelectorAll('.menu-ul');
 
            for(var i = 0; i < el.length; i++){
                el[i].addEventListener("click",function(){
                    test = this.Text; //j'aimerais récupérer cette valeur en dehors...
                });
            }
        }
 
        uno();
    </script>

comment faire pour avoir accès à la valeur cliqué??

Merci pour vos réponses..

16/02/2016, 17h06
SpaceFrog

en l'occurence dans ta boucle ce n'est pas sur les a que tu attribues le click mais au ul ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function uno(){
  var
    test = "vide",
    el = document.querySelectorAll( '.menu-ul' );
 
  for ( var i = 0; i < el.length; i++ ){
    el[i].addEventListener( "click", function( ev ){
      ev.preventDefault();
 
      test = ev.target.textContent;
 
      console.log( test ); // touche F12
 
    }, false );
  }
}
 
uno();

16/02/2016, 17h33
apocalypse973

Si je fais un console en dehors de la boucle fonctionne pas mon but ça serait de pouvoir utiliser la valeur de test ailleurs...
16/02/2016, 17h35
apocalypse973

Effectivement je fais pas sur les a mais admettons que je fasse dessus il y aurait une possibilité de récupérer la valeur de test hors de la boucle à chaque click ou pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var
  test = "vide",
  el = document.querySelectorAll( '.menu-ul' );
 
function disponible(){
  console.log( test ); // oui pas vide
}
 
function uno(){
  for ( var i = 0; i < el.length; i++ ){
    el[i].addEventListener( "click", function( ev ){
      ev.preventDefault();
 
      test = ev.target.textContent;
 
      disponible();
    }, false );
  }
}
 
uno();
 
console.log( test ); // non sera toujours vide

17/02/2016, 10h38
micetf

Bonjour,

Si on regarde l'exemple de danielhagnoul,
il faut remarquer que ligne 23, il n'y a eu aucun click sur les liens, la page s'affiche juste donc test n'a pas été modifié.
En revanche, ligne 16, disponible est invoquée parce qu'il y a eu un click et affiche alors la valeur qui a été affectée à test.

micetf