Fonction simple récupérer donnée formulaire HTML avec InnerHTML

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:

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...:(

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

Bonjour,

Code:

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;

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

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:

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

Mais ça reste assez rigolo comme message.