Discussion :

[Shifou]

Bonjour à tous,

Je viens vers vous car je n'arrive pas à faire fonctionner ma fonction Javascript sur mon site HTML/CSS. Pourtant, j'ai réalisé cette même fonction une semaine plus tôt sur un autre site et tout fonctionne parfaitement... Le but est simplement d'afficher une phrase récapitulative en dessous d'un formulaire, une fois celui-ci complété.

Je vous laisse voir par vous-même le code :

Code html :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<form name="formulaire">
  <fieldset>
 
   <p><label for="nomm">Votre nom</label> : <input id="nomm" style="color:white;" type="text" name="nomm"/></p>
 
   <p><label for="pren">Votre prénom</label> : <input id="pren" type="text" style="color:white;" name="pren" /></p>
 
    <p class="freq"> Sélectionnez la fréquence à laquelle vous souhaitez reçevoir la newsletter :</p>
 
    <select id="list1" style="color:white;">
        <option>Fréquence</option>
        <option>1x Mois</option>
        <option>2x Mois</option>
        <option>3x Mois</option>
        <option>4x Mois</option>
    </select>
 
    <select id="list2" style="color:white;">
        <option>Sélectionnez votre sexe</option>
        <option>Homme</option>
        <option>Femme</option>
    </select>
 
<input class="placement" type="button" value="Envoyer" style="color:white;" onclick="fctjava()"/>
  </fieldset>
 
<p id="resultata"> </p>
 
</form>
 
 
<script type="text/javascript">
function fctjava(){
    var prenom = document.formulaire.pren.value;
    var nom = document.formulaire.nomm.value;
    var sexe = document.formulaire.list1.value;
    var frequ = document.formulaire.list2.value;
 
    var resultat = `Monsieur `+prenom+` `+nom+`vous êtes un/une `+sexe+` recevoir une newsletter `+frequ+ ;
 
    document.getElementsById("resultata").innerHTML = resultat;
}
</script>
</body>

Merci d'avance, ça fait plusieurs heures que je galère la dessus...

[mathieu]

regardez ce qu'il se passe dans la console de développement de votre navigateur.
par exemple avec Firefox, faites Ctrl + Maj + K

[Invité]

Bonjour,

Code :

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

1
2
3
4
5
    <select id="list1" style="color:white;">
...
    var resultat = `Monsieur `+prenom+` `+nom+`vous êtes un/une `+sexe+` recevoir une newsletter `+frequ+ ;
...
    document.getElementsById("resultata").innerHTML = resultat;

1. il manque le name
2. un + en trop (à la fin)
3. et c'est getElementById()

[javatwister]

Il faudrait veiller aussi à ne pas provoquer de gags involontaires avec ce formulaire; éviter de mélanger les champs, par exemple, et contrôler qu'une option est bien choisie pour chaque liste...

En attendant, le résultat est déjà plus lisible comme ça:

Code javascript :

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

var resultat = `Monsieur ${prenom} ${nom}, vous êtes ${sexe}. Vous souhaitez recevoir une newsletter ${frequ}.`;

Mais ça reste assez rigolo comme message.