Help création calcul JS
Bonjour je cherche à faire un calcul de ce genre 18 + 3 + 1970 = 1991 = 1 + 9 + 9 + 1 = 20 = 2 + 0 = 2 à l'aide de javascript mais j'y arrive pas du tout, est ce qu'il y aurait une âme charitable pour me donner des pistes pour commencer ? Merci!
20 réponses
Change la fin du HTML avec ca :
<body>
<div class="centrer">
<h1>Numérologie</h1>
<h4>Veuillez rentrez votre date de naissance : </h4>
<label for="jour">Jour : </label>
<select name="jour" size="1" id="jour">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
</select>
<label for="mois">Mois : </label>
<select name="mois" size="1" id="mois">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
</select>
<label for="annee">Année : </label>
<select name="annee" size="1" id="annee">
<option selected value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
</select>
<select name="annéeB" size="1" id="annee2">
<option value=00>00</option>
<option value=01>01</option>
<option value=02>02</option>
<option value=03>03</option>
<option value=04>04</option>
<option value=05>05</option>
<option value=06>06</option>
<option value=07>07</option>
<option value=08>08</option>
<option value=09>09</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
<option value=32>32</option>
<option value=33>33</option>
<option value=34>34</option>
<option value=35>35</option>
<option value=36>36</option>
<option value=37>37</option>
<option value=38>38</option>
<option value=39>39</option>
<option value=40>40</option>
<option value=41>41</option>
<option value=42>42</option>
<option value=43>43</option>
<option value=44>44</option>
<option value=45>45</option>
<option value=46>46</option>
<option value=47>47</option>
<option value=48>48</option>
<option value=49>49</option>
<option value=50>50</option>
<option value=51>51</option>
<option value=52>52</option>
<option value=53>53</option>
<option value=54>54</option>
<option value=55>55</option>
<option value=56>56</option>
<option value=57>57</option>
<option value=58>58</option>
<option value=59>59</option>
<option selected value=60>60</option>
<option value=61>61</option>
<option value=62>62</option>
<option value=63>63</option>
<option value=64>64</option>
<option value=65>65</option>
<option value=66>66</option>
<option value=67>67</option>
<option value=68>68</option>
<option value=69>69</option>
<option value=70>70</option>
<option value=71>71</option>
<option value=72>72</option>
<option value=73>73</option>
<option value=74>74</option>
<option value=75>75</option>
<option value=76>76</option>
<option value=77>77</option>
<option value=78>78</option>
<option value=79>79</option>
<option value=80>80</option>
<option value=81>81</option>
<option value=82>82</option>
<option value=83>83</option>
<option value=84>84</option>
<option value=85>85</option>
<option value=86>86</option>
<option value=87>87</option>
<option value=88>88</option>
<option value=89>89</option>
<option value=90>90</option>
<option value=91>91</option>
<option value=92>92</option>
<option value=93>93</option>
<option value=94>94</option>
<option value=95>95</option>
<option value=96>96</option>
<option value=97>97</option>
<option value=98>98</option>
<option value=99>99</option>
</select>
<input type="submit" value="Calculer" id="Calculer"/>
<span id="affichage">
</span>
</div>
<br><br>
</body>Comme ca ? :)
Salut, je sais pas si ça va te convenir
let calcul = (num, debug) => {
if (num < 10) {
return num;
}
if (debug) {
console.log(num.toString().split('').join(' + '));
}
return calcul(num.toString().split('').map(d => parseInt(d)).reduce((pv, cv) => pv + cv, 0), debug);
};
console.log(calcul(18 + 3 + 1970, true));λ node calcul.js
1 + 9 + 9 + 1
2 + 0
2J'ai commencé un Html et j'aimerai le lié avec un js, l'utilisateur dois choisir une date de naissance et le calcul se fait après choix, donc il faudrait que je fasse une fonction qui me permet de calculer à chaque fois, désolé d'avance je sais pas si j'ai été clair ^^
<body>
<div class="centrer">
<h1>Numérologie</h1>
<h4>Veuillez rentrez votre date de naissance : </h4>
<label for="jour">Jour : </label>
<select name="jour" size="1">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
</select>
<label for="mois">Mois : </label>
<select name="mois" size="1">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
</select>
<label for="année">Année : </label>
<select name="annéeA" size="1">
<option selected value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
</select>
<select name="annéeB" size="1">
<option value=00>00</option>
<option value=01>01</option>
<option value=02>02</option>
<option value=03>03</option>
<option value=04>04</option>
<option value=05>05</option>
<option value=06>06</option>
<option value=07>07</option>
<option value=08>08</option>
<option value=09>09</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
<option value=32>32</option>
<option value=33>33</option>
<option value=34>34</option>
<option value=35>35</option>
<option value=36>36</option>
<option value=37>37</option>
<option value=38>38</option>
<option value=39>39</option>
<option value=40>40</option>
<option value=41>41</option>
<option value=42>42</option>
<option value=43>43</option>
<option value=44>44</option>
<option value=45>45</option>
<option value=46>46</option>
<option value=47>47</option>
<option value=48>48</option>
<option value=49>49</option>
<option value=50>50</option>
<option value=51>51</option>
<option value=52>52</option>
<option value=53>53</option>
<option value=54>54</option>
<option value=55>55</option>
<option value=56>56</option>
<option value=57>57</option>
<option value=58>58</option>
<option value=59>59</option>
<option selected value=60>60</option>
<option value=61>61</option>
<option value=62>62</option>
<option value=63>63</option>
<option value=64>64</option>
<option value=65>65</option>
<option value=66>66</option>
<option value=67>67</option>
<option value=68>68</option>
<option value=69>69</option>
<option value=70>70</option>
<option value=71>71</option>
<option value=72>72</option>
<option value=73>73</option>
<option value=74>74</option>
<option value=75>75</option>
<option value=76>76</option>
<option value=77>77</option>
<option value=78>78</option>
<option value=79>79</option>
<option value=80>80</option>
<option value=81>81</option>
<option value=82>82</option>
<option value=83>83</option>
<option value=84>84</option>
<option value=85>85</option>
<option value=86>86</option>
<option value=87>87</option>
<option value=88>88</option>
<option value=89>89</option>
<option value=90>90</option>
<option value=91>91</option>
<option value=92>92</option>
<option value=93>93</option>
<option value=94>94</option>
<option value=95>95</option>
<option value=96>96</option>
<option value=97>97</option>
<option value=98>98</option>
<option value=99>99</option>
</select>
<input type="submit" value="Calculer" />
</div>
</body>Salut, je sais pas si ca repond a ton besoin, et peut etre que c'est pas la meilleure solution, mais je te propose ca :
HTML
<body>
<div class="centrer">
<h1>Numérologie</h1>
<h4>Veuillez rentrez votre date de naissance : </h4>
<label for="jour">Jour : </label>
<select name="jour" size="1" id="jour">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
</select>
<label for="mois">Mois : </label>
<select name="mois" size="1" id="mois">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
</select>
<label for="annee">Année : </label>
<select name="annee" size="1" id="annee">
<option selected value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
</select>
<select name="annéeB" size="1" id="annee2">
<option value=00>00</option>
<option value=01>01</option>
<option value=02>02</option>
<option value=03>03</option>
<option value=04>04</option>
<option value=05>05</option>
<option value=06>06</option>
<option value=07>07</option>
<option value=08>08</option>
<option value=09>09</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
<option value=32>32</option>
<option value=33>33</option>
<option value=34>34</option>
<option value=35>35</option>
<option value=36>36</option>
<option value=37>37</option>
<option value=38>38</option>
<option value=39>39</option>
<option value=40>40</option>
<option value=41>41</option>
<option value=42>42</option>
<option value=43>43</option>
<option value=44>44</option>
<option value=45>45</option>
<option value=46>46</option>
<option value=47>47</option>
<option value=48>48</option>
<option value=49>49</option>
<option value=50>50</option>
<option value=51>51</option>
<option value=52>52</option>
<option value=53>53</option>
<option value=54>54</option>
<option value=55>55</option>
<option value=56>56</option>
<option value=57>57</option>
<option value=58>58</option>
<option value=59>59</option>
<option selected value=60>60</option>
<option value=61>61</option>
<option value=62>62</option>
<option value=63>63</option>
<option value=64>64</option>
<option value=65>65</option>
<option value=66>66</option>
<option value=67>67</option>
<option value=68>68</option>
<option value=69>69</option>
<option value=70>70</option>
<option value=71>71</option>
<option value=72>72</option>
<option value=73>73</option>
<option value=74>74</option>
<option value=75>75</option>
<option value=76>76</option>
<option value=77>77</option>
<option value=78>78</option>
<option value=79>79</option>
<option value=80>80</option>
<option value=81>81</option>
<option value=82>82</option>
<option value=83>83</option>
<option value=84>84</option>
<option value=85>85</option>
<option value=86>86</option>
<option value=87>87</option>
<option value=88>88</option>
<option value=89>89</option>
<option value=90>90</option>
<option value=91>91</option>
<option value=92>92</option>
<option value=93>93</option>
<option value=94>94</option>
<option value=95>95</option>
<option value=96>96</option>
<option value=97>97</option>
<option value=98>98</option>
<option value=99>99</option>
</select>
<input type="submit" value="Calculer" id="Calculer"/>
</div>
</body>JS :
function calcul(){
//on recupere les informations
var jour = parseInt(document.getElementById("jour").value);
var mois = parseInt(document.getElementById("mois").value);
var annee = document.getElementById("annee").value;
var annee2 = document.getElementById("annee2").value;
//concatenation pour obtenir l'annee complete
var anneeF = annee.concat(annee2);
//on change la variable en int
var anneeF = parseInt(anneeF);
//on faire le premier calcul
var calcul1 = jour + mois + anneeF;
//on change le nombre en string pour utiliser substring
var test = calcul1.toString()
//on recuperer le 1er, deuxieme, etc .. caractere
var prem = parseInt(test.substring(0,1));
var prem1 = parseInt(test.substring(1,2));
var prem2 = parseInt(test.substring(2,3));
var prem3 = parseInt(test.substring(3,4));
//deuxieme addition
var deuxiemeAddition = prem + prem1 + prem2 + prem3;
//on rechange le nombre en string pour utiliser substring;
var test2 = deuxiemeAddition.toString()
//on recupere encore chaque nombre
var deux = parseInt(test2.substring(0,1));
var deux1 = parseInt(test2.substring(1,2));
//calcul final
var final = deux + deux1;
console.log( final);
}
document.getElementById("Calculer").onclick = calcul;Cdlt
Salut, déjà merci beaucoup de m'aider, alors j'ai copier ton html/js mais rien ne s'affiche quand je clique sur "Calculer" je dois rajouter un truc ? Merci!
J'ai fait le test pour verifier sur : https://codepen.io/pen/ et c'est ok.
Apres sinon il faut bien sur lier le JS au HTML.
Aussi il y'a pas de resultat visuel direct, la resultat est dans la console --> console.log( final) .
Mais le resultat final est bien dans la variable "final".
Cdlt
Ah d'accord je viens de faire le test cela marche merci, et si je veux afficher le résultat sur ma page je dois faire quoi ?
Tu cree un element dans le HTML via JS pour afficher le resultat :
JS :
function calcul(){
//on recupere les informations
var jour = parseInt(document.getElementById("jour").value);
var mois = parseInt(document.getElementById("mois").value);
var annee = document.getElementById("annee").value;
var annee2 = document.getElementById("annee2").value;
//concatenation pour obtenir l'annee complete
var anneeF = annee.concat(annee2);
//on change la variable en int
var anneeF = parseInt(anneeF);
//on faire le premier calcul
var calcul1 = jour + mois + anneeF;
//on change le nombre en string pour utiliser substring
var test = calcul1.toString()
//on recuperer le 1er, deuxieme, etc .. caractere
var prem = parseInt(test.substring(0,1));
var prem1 = parseInt(test.substring(1,2));
var prem2 = parseInt(test.substring(2,3));
var prem3 = parseInt(test.substring(3,4));
//deuxieme addition
var deuxiemeAddition = prem + prem1 + prem2 + prem3;
//on rechange le nombre en string pour utiliser substring;
var test2 = deuxiemeAddition.toString()
//on recupere encore chaque nombre
var deux = parseInt(test2.substring(0,1));
var deux1 = parseInt(test2.substring(1,2));
//calcul final
var final = deux + deux1;
console.log( final);
var affichage = document.createElement('p');
var texte = document.createTextNode(final);
affichage.appendChild(texte);
document.body.appendChild(affichage);
}
document.getElementById("Calculer").onclick = calcul;Cdlt
De rien ;)
Ca a fonctionne ? C'est bien ce que tu voulais ? Si non, hesites pas a relancer le post.
Si c'est ok, passe le sujet en resolu.
Cdlt
Salut! J'ai réussi à le faire afficher le chiffe a coté mais le problème c'est que a certains moment cela affiche "NaN" que puis-je faire pour éviter cela ?
Salut,
tu peux indiquer a quel moment cela affiche "NaN", par exemple cela se passe quand tu selectionne quelle date dans le forumlaire ?
Cdlt
ça ce passe avec différentes date par exemple le 20/04/1997 affiche NaN, de plus j'aimerais que mes chiffres reste entre 1 et 9 mais il y a des 10 de temps en temps .. comment faire ?
Salut,
excuses moi, j'ai pas vu ta reponse .. :(
Sinon, ok double excuse, car je t'ai donne avant un code assez "bordelique" et pas top.
Je viens de le re-organiser pour que ce soit adapte - et plus propre.
JS :
function calcul(){
//on recupere les informations du formulaire
var jour = parseInt(document.getElementById("jour").value);
var mois = parseInt(document.getElementById("mois").value);
var annee = document.getElementById("annee").value;
var annee2 = document.getElementById("annee2").value;
//concatenation pour obtenir l'annee complete
var anneeF = annee.concat(annee2);
//on change la variable en int
var anneeF = parseInt(anneeF);
//on faire le premier calcul
var calcul1 = jour + mois + anneeF;
//on change le nombre en string pour utiliser substring
var test = calcul1.toString()
var controle = test.length;
while(controle>1){
var longueur = test.length;
var slider = [];
for(var i=0; i<longueur; i++){
var number = i+1;
slider[i] = parseInt(test.substring(number,i));
}
var tot = 0;
for (var i=0; i < slider.length;i++) {
tot += slider[i];
}
test = tot.toString();
controle = test.length;
}
var affichage = document.createElement('p');
var texte = document.createTextNode(test);
affichage.appendChild(texte);
document.body.appendChild(affichage);
}
document.getElementById("Calculer").onclick = calcul;Hesites pas a me donner un retour.
Cordialement
Salut pas de problème, alors maintenant cela marche correctement mais on peut cliquer plusieurs fois sur calculer et le chiffre ne se réinitialise pas et ils s'accumulent en haut à gauche, comment faire pour que à chaque fois que l'on clique sur calculer le chiffre d'avant se change au nouveau chiffre que l'on vient de calculer ? Merci!
Salut,
tu ajoutes a la fin de ton HTML le conteneur de l'affichage du resultat :
HTML :
<body>
<div class="centrer">
<h1>Numérologie</h1>
<h4>Veuillez rentrez votre date de naissance : </h4>
<label for="jour">Jour : </label>
<select name="jour" size="1" id="jour">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
</select>
<label for="mois">Mois : </label>
<select name="mois" size="1" id="mois">
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
</select>
<label for="annee">Année : </label>
<select name="annee" size="1" id="annee">
<option selected value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
</select>
<select name="annéeB" size="1" id="annee2">
<option value=00>00</option>
<option value=01>01</option>
<option value=02>02</option>
<option value=03>03</option>
<option value=04>04</option>
<option value=05>05</option>
<option value=06>06</option>
<option value=07>07</option>
<option value=08>08</option>
<option value=09>09</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
<option value=21>21</option>
<option value=22>22</option>
<option value=23>23</option>
<option value=24>24</option>
<option value=25>25</option>
<option value=26>26</option>
<option value=27>27</option>
<option value=28>28</option>
<option value=29>29</option>
<option value=30>30</option>
<option value=31>31</option>
<option value=32>32</option>
<option value=33>33</option>
<option value=34>34</option>
<option value=35>35</option>
<option value=36>36</option>
<option value=37>37</option>
<option value=38>38</option>
<option value=39>39</option>
<option value=40>40</option>
<option value=41>41</option>
<option value=42>42</option>
<option value=43>43</option>
<option value=44>44</option>
<option value=45>45</option>
<option value=46>46</option>
<option value=47>47</option>
<option value=48>48</option>
<option value=49>49</option>
<option value=50>50</option>
<option value=51>51</option>
<option value=52>52</option>
<option value=53>53</option>
<option value=54>54</option>
<option value=55>55</option>
<option value=56>56</option>
<option value=57>57</option>
<option value=58>58</option>
<option value=59>59</option>
<option selected value=60>60</option>
<option value=61>61</option>
<option value=62>62</option>
<option value=63>63</option>
<option value=64>64</option>
<option value=65>65</option>
<option value=66>66</option>
<option value=67>67</option>
<option value=68>68</option>
<option value=69>69</option>
<option value=70>70</option>
<option value=71>71</option>
<option value=72>72</option>
<option value=73>73</option>
<option value=74>74</option>
<option value=75>75</option>
<option value=76>76</option>
<option value=77>77</option>
<option value=78>78</option>
<option value=79>79</option>
<option value=80>80</option>
<option value=81>81</option>
<option value=82>82</option>
<option value=83>83</option>
<option value=84>84</option>
<option value=85>85</option>
<option value=86>86</option>
<option value=87>87</option>
<option value=88>88</option>
<option value=89>89</option>
<option value=90>90</option>
<option value=91>91</option>
<option value=92>92</option>
<option value=93>93</option>
<option value=94>94</option>
<option value=95>95</option>
<option value=96>96</option>
<option value=97>97</option>
<option value=98>98</option>
<option value=99>99</option>
</select>
<input type="submit" value="Calculer" id="Calculer"/>
</div>
<br><br>
<div id="affichage">
<p></p>
</div>
</body>Puis en JS tu met a jour le contenu :
function calcul(){
//on recupere les informations du formulaire
var jour = parseInt(document.getElementById("jour").value);
var mois = parseInt(document.getElementById("mois").value);
var annee = document.getElementById("annee").value;
var annee2 = document.getElementById("annee2").value;
//concatenation pour obtenir l'annee complete
var anneeF = annee.concat(annee2);
//on change la variable en int
var anneeF = parseInt(anneeF);
//on faire le premier calcul
var calcul1 = jour + mois + anneeF;
//on change le nombre en string pour utiliser substring
var test = calcul1.toString()
var controle = test.length;
while(controle>1){
var longueur = test.length;
var slider = [];
for(var i=0; i<longueur; i++){
var number = i+1;
slider[i] = parseInt(test.substring(number,i));
}
var tot = 0;
for (var i=0; i < slider.length;i++) {
tot += slider[i];
}
test = tot.toString();
controle = test.length;
}
document.getElementById('affichage').textContent = test;
}
document.getElementById("Calculer").onclick = calcul;Pour le "calculer", tu veux le bloquer apres le premier calcul ?
Cdlt
Non je voulais juste que si on appuie plusieurs fois sur calcul il n'y ai pas pleins de chiffres qui descendent à chaque fois que l'on clique, mais le problème est régler avec le nouveau code que tu ma mis! Merci beaucoup je pense que je peux clore le sujet !
Après j'aimerai bien afficher le chiffre calculer a coté du "Calculer" mais je n'y arrive pas non plus x)