Bonjour, je suis nouveau en programmation et dans le cadre d'un projet scolaire à rendre je dois faire un genre de formulaire en ligne en utilisant des balises de type radio en JS le problème étant que je n'arrive pas en fonction de la balise radio cochée à emmener mon utilisateur sur une page spécifique, voici un bout de mon code :

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function visitesH() {
    window.location.href=("des_visites_historiques.html");
}
function amoureux() {
    window.location.href=("un_amoureux_de_la_nature_ou_de_la_nourriture.html");
}
 
function analyse() {
    if(document.getElementById("proche").checked){
        visitesH();
    }else if(document.getElementById("pasproche").checked){
        amoureux();
    }
}

Ci-dessus mon JS avec une fonction analyse pour renvoyer mon utilisateur sur la bonne page en fonction de la radio cochée et ci-dessous la page html où intervient le choix en radio

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
<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <link rel="stylesheet" href="../style.css" type="text/css" />
 <script type='text/javascript' src="../script.js"> </script>
 </head>
 <body><center> 
    <div id="cercle"></div>
 <h2 title="ceci est un titre"> <center> Première question:</h2> <br>
 <h1> <center> Voulez vous plûtot visiter un coin proche de l'eau ou non ?<h1>
 <center> <font size="4">
 <form name='CoinEau' >
 Proche de l'eau : <input type="radio" name="condition" id="proche">  Pas proche de l'eau : <input type="radio" name="condition" id="pasproche">
 </font>
 <br>
 <button onclick="analyse()">Soumettre</button>
</form>
 </body>
</html>

En espérant avoir été clair, je vous demande votre aide, merci d'avance