Récupération valeurs formulaire et conditions

**Matteo53** · 04/07/2022, 11h33

Bonjour,
j'essaye de faire des petits exercices basiques en php et en même temps je souhaite faire ces exercices en javascript. Pour faire apparaitre une boite selon l'Age mon exercices marche bien :

Code html :

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

1
2
3
4
5
<form method="post" action="">
            <label for="age">votre age</label>
            <input type="number" id="age" name="age" min="1" max="100">
            <input type="submit"  onclick="check()">
      </form>

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
function check(){  
    let film1 = "film1";
    let film2 = "film2";
    let film3 = "film 3";
 
    let votreAge = Number(document.getElementById("age").value);
 
        if (votreAge < 13) {
            alert("votre film est : " + film1);
 
        } else if (votreAge > 13 && votreAge < 18) {
            alert("votre film est : " + film2);
        } else {
            alert("votre film est : " + film3);
        } 
    }

Maintenant au lieu d'avoir une boite alert(), je voudrais faire apparaitre "votre film est"+film dans un paragraphe en sous le formulaire, j'ai remplacé alert() par document.getElementById('p').innerHTML = etc.
puis j'ai ajouté une balise p a mon html avec un id ="p". Mon paragraphe est visible juste quand je clique sur submit.
Je suppose que la fonction se déclenche juste quand je clique sur submit..
Pouvez vous me donner l'explication pour que je puisse comprendre. Merci pour votre aide