Récupérer variable entre fonction javascript / Jquery

Bonjour,
J'ai besoin de vos lumières sur ce code ;

$('#tableAmount').on('input', "input[id^='qteLigne']", function(){
				nbrOriginaux = 0;
					$("input[id^='qteLigne']").each(function() {
					nbrOriginaux += Number($(this).val());
					return nbrOriginaux;
				});
				$("#nbOriginals").val(nbrOriginaux);
				console.log(nbrOriginaux); // affiche bien le nbre d 'originaux
			});
				console.log(nbrOriginaux); // is not defined

1 - Mon problème principal c'est que j'aurai besoin de me servir de la variable 'nbrOriginaux' dans une nouvelle fonction.
Si j'ai bien compris cela est compromis par rapport à la portée des variables (globales / locales)
Quelle solution j'ai pour cela ?

2 - Aussi, je ne comprend pas pourquoi la variable est prise en compte dans la 1ère console.log et pas la seconde ?

Merci de vos avis

salut,
en fait dans ton exemple, la variable est bien dans un contexte global. Quand on ne la déclare pas un var, celle-ci appartient à l'objet window (ce qui est par contre une mauvaise pratique).

Ton deuxième log est effectué immédiatement lors de l'exécution du code tandis que ton premier est effectué après l'évènement input.
Comme tu assignes une valeur à ta variable uniquement dans la fonction, celle-ci est donc undefined au début de l'exécution et au moment de ton log.

Ola et merci pour ta réponse tardive, ou hyper matinal
Du coup si je comprend bien, si je veux utiliser la valeur de nbrOriginaux, je suis obligé de la faire dans la function de l’événement input

var nbrOriginaux;
var dureeTotale;
$('#tableAmount').on('input', "input[id^='qteLigne']", function(){
    nbrOriginaux = 0;
    $("input[id^='qteLigne']").each(function() {
        nbrOriginaux += Number($(this).val());
        return nbrOriginaux;
    });
    $("#nbOriginals").val(nbrOriginaux);
    console.log(nbrOriginaux); // OK çà s'affiche
});
 console.log(nbrOriginaux); // Bouh çà ne s'affiche pas ! ('normal !!!) !

J'ai bien compris pourquoi çà ne s'affiche pas puisque l’événement input n'a pas eu lieu.
Cette fonction :

function test(){
    console.log(nbrOriginaux);
}
test()

Ne peut être utilisée que dans l’événement Input ?
Ou alors il faut créer une condition genre :
if(événement input joué){
utiliser nbrOriginaux
}
Une ptite question subsidiaire : il n'est pas possible d'utiliser les variable en tant qu'argument dans une fonction il m'a sembler lire ?

Merci en tous les cas

Ce n'est pas que tu es obligé de le faire dans ta fonction mais c'est cette fonction (liée à l'évènement input) qui définit ta variable. Avant cela, elle est simplement déclarée mais n'a aucune donnée (et est donc indéfinie).
Je ne sais pas ce que tu désires faire. Peut être en exposant la problématique en entier, d'autres solutions apparaîtront.

Je n'ai pas dit que "il n'est pas possible d'utiliser les variable en tant qu'argument dans une fonction" J'ai dit que si tu donnes le nom nbrOriginaux à un argument dans ta fonction, la variable initiale et globale nbrOriginaux sera redéclarée

var foo = 5;

function bar(foo) {
	console.log(foo); // Affiche "undefined"
}

bar();

En fait cette fonction input permet de déterminer les variables nbrOriginaux et duree. Ces 2 variables sont globales car doivent être utiliser par la suite dans une fonction calcul.
En fait je réalise un grand formulaire d'estimation pour des cassettes audio.
Ce dernier est composé de la sorte :

radio1
radio2
radio3

radioA
radioB

input1
input2
input3
input4
...
function definir originaux{
me permet de définir les originaux et remplir les input 1,2,3,4 (avec AJAX)
}

function evenement input{
me permet de définir le nombre d originaux et la durée de l'ensemble des originaux
}

function prix classique ou haut de gamme{
me permet 'afficher le prix choissi par la radio
}

Radio 1,2,3 défini la valeur des inputs 1,2,3,4
Les input 1,2,3,4 me permettent de calculer la durée total et le nombre total d'originaux
Radio A, B permette d'afficher le prix classique ou le prix haut de gamme. Ces radios doivent être autonome par rapport à l'événement input.

En reprenant mon code ci-dessus comment je pourrais utiliser mes variables globales :

var nbrOriginaux;
var dureeTotale;
$('#tableAmount').on('input', "input[id^='qteLigne']", function(){ //total input1,2,3,4...
    nbrOriginaux = 0;
    $("input[id^='qteLigne']").each(function() {
        nbrOriginaux += Number($(this).val());
        return nbrOriginaux; //total input1,2,3,4...
    });
    $("#nbOriginals").val(nbrOriginaux);
    // ici je fais la même fonction qui me permet de définir la durée totale
});

//ma question simple est quel bout de code je rajoute ici pour pouvoir utiliser les variables dans la fonctions suivante :

function calcul_prix(){
    prixClassique = dureeTotal * 12 + nbrOriginaux  ;
   prixHgamme = dureeTotal * 16 + nbrOriginaux  ;
}

Je sais pas si c'est clair, je suis en train de me brouiller aussi
Modifié par urlien (13 Sep 2017 - 23:34)