Salutation !

Je voudrais utiliser ce script sur ma page web pour générer des input number personnalisé :

http://jsfiddle.net/fPQvK/

Le problème c'est que quand j'en mets plusieurs , ça ne fonctionne pas tout à fait correctement , je suppose que les variables entrent en conflits et qu'il faudra renommer certaines mais je ne sais pas lesquelles exactement n'ayant pas vraiment de connaissances dans ce langage. Quelqu'un pourrait-il m'aider à modifier le code de telle sorte que je puisse le réutiliser plusieurs fois sur une même page ?

Merci !

Salut,

j'ai update ton code :

http://jsfiddle.net/fPQvK/107/

Alors voilà comment ça marche :

tu récupères le paramètre de tes fonctions d’événement, tu te balades dans l'arborescence et tu prends la valeur du paramètre "value" de ton input

e.target.parentElement.children[1].value :

e => paramètre de fonction événementielle
e.target => la partie "html" sur laquelle l'événement a eu lieu, ici le <span>
e.target.parentElement => le parent du <span>, ici le <div>
e.target.parentElement.children => retourne tous les éléments fils du parent, ici c'est un tableau avec :

<span>
<input>
<span>

e.target.parentElement.children[1] => retourne l'élément input
e.target.parentElement.children[1].value => valeur de l'élément input

Et voilà chef

Merci d'avoir pris le temps de me répondre et surtout de me proposer une solution , mais j'ai déjà trouvé une solution plus simple sur un autre forum entre temps :
https://jsfiddle.net/fPQvK/105/

Il suffisait de remplacer tous les " var " par des " let " et le tour est jouée