Discussion :

[Lillie CHARLOTTE]

Pour une fonction donnant la valeur journalière du yen :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function taux_yeneuro(data) {
    var yen_taux_jpy=data.query.results.rate[0].Rate;
 
    var taux_prix_yen = document.getElementsByClassName("taux_prix_yen");
    var taux_prix_converti_euro = document.getElementsByClassName("taux_prix_converti_euro");
 
	for(var i = 0; i < taux_prix_yen.length; i++) {
	    var taux_montant_en_yen=parseFloat(taux_prix_yen.item(i).innerHTML);
	    var taux_montant_converti_en_euro = 1/yen_taux_jpy*taux_montant_en_yen;
		taux_prix_converti_euro.item(i).innerHTML = " = "+taux_montant_converti_en_euro.toFixed(6)+" &euro;";
	}
 
};

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
Cours moyen  journalier du Yen : <span class="taux_prix_yen">1</span> &yen; <span class="taux_prix_converti_euro"></span>
 
<script type="application/javascript" src="https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22EURJPY%22%2C%20%22JPYEUR%22)&amp;format=json&amp;env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&amp;callback=taux_yeneuro"></script>

Je voudrais intégrer la constante de 1 dans la feuille *.js, pour simplifier le code et n'avoir qu'une class sur le php:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="taux_prix_converti_euro"></span>

Je sais qu'il faudrait utiliser "const" mais je ne maitrise pas suffisamment la syntaxe javascript, pour arriver à simplifier le code.

Est-ce possible de faire cette simplification ?

[SylvainPV]

const fait partie de la norme ECMAScript 6, encore expérimentale, tu ne peux pas l'utiliser dès aujourd'hui sur tous les navigateurs.

Généralement pour les constantes on se contente d'une convention de nommage des variables qui est de mettre le nom en majuscules :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var TAUX_MONTANT_YEN = 1;

[Lillie CHARLOTTE]

Merci de ta réponse, toujours aussi pertinente SylvainPV !

En fait je me rend compte qu'il serait plus simple dans cette usage d'enlever cette variable "taux_prix_yen"
car elle est redondante dans mon usage :

Mon idée serait plutôt de récupéré simplement "1/yen_taux_jpy" avec 6 chiffres après virgule :

Quelque chose comme :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function taux_yeneuro(data) {
    var yen_taux_jpy=data.query.results.rate[0].Rate;
      var taux_prix_converti_euro = document.getElementsByClassName("taux_prix_converti_euro");
	for(var i = 0; i < ""_""_"".length; i++) {
	    var taux_montant_converti_en_euro = 1/yen_taux_jpy;
		taux_prix_converti_euro.item(i).innerHTML = " = "+taux_montant_converti_en_euro.toFixed(6)+" &euro;";
	}
};

Mais, c'est juste que je ne comprend pas quoi faire avec cette partie ?

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

for(var i = 0; i < taux_prix_yen.length; i++)

Comme du coups je voudrais éliminer la variable taux_prix_yen

Est-ce que ça pose soucis de vouloir obtenir la valeur ainsi ?

[NoSmoking]

Bonjour,
on trouve dans ton code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

taux_prix_yen = document.getElementsByClassName("taux_prix_yen");

ce qui fait que taux_prix_yen est une collection d'éléments HTML (nodeList).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for(var i = 0; i < taux_prix_yen.length; i++)

signifie simplement que tu parcours tous les éléments de cette nodeList.

Mais, c'est juste que je ne comprend pas quoi faire avec cette partie ?

Et comment comptes tu que l'on réponde à cette question ?

[Lillie CHARLOTTE]

C'est vrai que j'ai mal posé ma question, merci de me le faire remarquer NoSmoking.

S j'enlève là variable "taux_prix_yen" et sa collection d'éléments HTML du script, par quoi puis-je la remplacer ? dans :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for(var i = 0; i <_?_ .length; i++)

Puisque que dans ce que je voudrais obtenir:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var taux_montant_converti_en_euro = 1/yen_taux_jpy;

La variable "taux_prix_yen" = 1 n'apporte rien de plus au résultat
puisque qu'au final je multiplie un résultat par "1" avec la variable "taux_prix_yen" (enfin à mon avis) ?

[SylvainPV]

La variable "taux_prix_yen" = 1 n'apporte rien de plus au résultat

On est d'accord. C'est pour ça que je ne vois pas du tout où tu veux en venir, par rapport à la question initiale.

Si tu ne vois pas quoi faire avec des bouts de ton code, ça veut dire que tu n'en comprends pas la logique. Peut-être faudrait-il mieux repartir de zéro ?

[Lillie CHARLOTTE]

Exact, toujours aussi pertinent SylvainPV, je m'éloigne effectivemeent de la question initial.

Donc j'y reviens, pour :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function taux_yeneuro(data) {
    var yen_taux_jpy=data.query.results.rate[0].Rate;
    var TAUX_PRIX_YEN = 1 ;
    var taux_prix_converti_euro = document.getElementsByClassName("taux_prix_converti_euro");
	for(var i = 0; i < TAUX_PRIX_YEN.length; i++) {
	    var taux_montant_en_yen=parseFloat(TAUX_PRIX_YEN.innerHTML);
	    var taux_montant_converti_en_euro = 1/yen_taux_jpy*taux_montant_en_yen;
		taux_prix_converti_euro.item(i).innerHTML = " = "+taux_montant_converti_en_euro.toFixed(6)+" &euro;";
	}
};

Qu'est-ce que je dois faire avec :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

var taux_montant_en_yen=parseFloat(TAUX_PRIX_YEN.item(i).innerHTML);

Puisque je ne capture plus le 1 dans ma page HTML ?

Si je modifie par

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

var TAUX_PRIX_YEN = 1;

Du coups je n'obtient aucun résultat et je ne comprend pas trop bien pourquoi ?

[melka one]

jour

l'index d'un collection commence a zero il faut donc mettre zero (0)

[danielhagnoul]

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function taux_yeneuro(data) {
    var yen_taux_jpy = data.query.results.rate[0].Rate,
        taux_prix_yen = document.getElementsByClassName("taux_prix_yen"),
        taux_prix_yen_length = taux_prix_yen.length,
        taux_prix_converti_euro = document.getElementsByClassName("taux_prix_converti_euro"),
	    taux_montant_en_yen = 0,
        taux_montant_converti_en_euro = 0;
 
	for ( var i = 0; i < taux_prix_yen_length; i++ ) {
	    taux_montant_en_yen = parseFloat( taux_prix_yen.item(i).innerHTML );
	    taux_montant_converti_en_euro = 1 / yen_taux_jpy * taux_montant_en_yen;
 
        if ( i == 0 ) {
            taux_prix_converti_euro.item(i).innerHTML = " = " + taux_montant_converti_en_euro.toFixed(6) + " &euro;";
        } else {
            taux_prix_converti_euro.item(i).innerHTML = " = " + taux_montant_converti_en_euro.toFixed(2) + " &euro;";
        }
	}
 
};

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div>
    <p>Cours moyen journalier du Yen : <span class="taux_prix_yen">1</span> &yen; <span class="taux_prix_converti_euro"></span></p>
    <p>Valeur de <span class="taux_prix_yen">10</span> &yen; <span class="taux_prix_converti_euro"></span></p>
    <p>Valeur de <span class="taux_prix_yen">2758</span> &yen; <span class="taux_prix_converti_euro"></span></p>
    <p>Valeur de <span class="taux_prix_yen">3012194</span> &yen; <span class="taux_prix_converti_euro"></span></p>
</div>
<script type="application/javascript" src="https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22EURJPY%22%2C%20%22JPYEUR%22)&amp;format=json&amp;env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&amp;callback=taux_yeneuro"></script>

[Lillie CHARLOTTE]

cette version parait idéal à 1ère vue.

car elle me fait les 6 chiffres après la virgule pour la 1er valeur

et à deux chiffres après la virgule pour les suivants, dans une même fonction !

Par contre le défault que j'y vois c'est que les 6 chiffres après la virgules ne peuvent être utilisé que sur la 1er valeur soit:


Cours moyen journalier du Yen : 100 ¥ = 0.732188 €

Valeur de 1 ¥ = 0.01 €

Valeur de 2758 ¥ = 20.19 €

Valeur de 3012194 ¥ = 22054.91 €

donc impossible de remettre le taux à 6 chiffres après la virgule en bas de la page.

Et cela ne règle pas ma problématique de remplacer

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

var taux_prix_yen = document.getElementsByClassName("taux_prix_yen");

par une "pseudo" constante :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

var TAUX_PRIX_YEN = 1;

tout en obtenant une bonne valeur en

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="taux_prix_converti_euro"></span>

Je souhaiterais faire quelque chose plutôt comme ça :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="un_yen_en_euro"></span>

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function taux_yeneuro(data) {
    var yen_taux_jpy=data.query.results.rate[0].Rate;
 
    var taux_prix_converti_euro = document.getElementsByClassName("un_yen_en_euro");
 
	for(var i = 0; i++) {
	un_yen_en_euro.item(i).innerHTML = " Cours moyen  journalier du Yen : 1 ¥ = "+1/yen_taux_jpy.toFixed(6)+" €";
	}
 
};
>

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="application/javascript" src="https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22EURJPY%22%2C%20%22JPYEUR%22)&amp;format=json&amp;env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&amp;callback=taux_yeneuro"></script>

Mais ça ne fonctionne pas !