Salut à tous !
Je suis en train d'apprendre a bien utiliser le DOM et je viens de rencontrer un "problème".
En faites j'ai un fonction init qui créer des images que je stock dans des variable.
Ensuite j'ai un autre fonction où j'ai besoin de récupérer les image seulement je veux éviter au maximum les getElementById

Donc, j'aimerais savoir comment faire pour que la seconde fonction puissent récupérer les variables de la première fonction.

Tu peux créer une variable globale...
Tu les initialises dans init et après tu peux les utiliser partout.

Oui, c'etait ce que je penser faire.
Mais ... comment ?

Il suffit de déclarer la variable hors des fonctions, ainsi tu peux l'utiliser et la modifier dans toutes les fonctions :

var mavariable; //déclaration de la variable hors des fonctions

function init(){
	mavariable = 2; //C'est la variable globale qui est utilisée
}

function mafonction(){
	alert(mavariable); //Affichera "2" si appelé après avoir exécuté init(), car on utilise la variable globale qui a été modifiée dans init()
}

Oui mais je la déclare dans un événement que je créer via addEventListener alors comment faire ?

Utilise les closures pour éviter les variables globales:

addEventListener((function(variable) {
return function() { 
   et la tu peux utilisé variable qui contiendra la bonne valeur
};
})(variable a conserver), ....)