11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis en train de faire une application web avec ReactJS, je suis débutant, et je doit faire un petit QCM, donc pour ce QCM j'ai une question, des checkbox et un bouton pour valider les réponses cochées, j'ai fait un petit peut de code JS dans mon ReactJS et de l'html, mais ça ne fonctionne pas. Si vous pourriez m'aider ça serait super sympa Smiley lol . Je l'ai fait en JS puisque mes connaissances en React ne sont pas asser élévé pour faire ça.

J'ai tout rassembler dans un code unique en html.
La page s'affiche correctement c'est le script js qui merde.


<html>
    <head>
        <script type="text/javascript">
            let verifRep = (form) =>{
                let victory = false
                if (form.checked1.checked && form.checked3.checked == false){
                    
                    victory = false
                }
                else{
                    
                    victory = true
                }
                return alert(victory);
            }
        </script>
    </head>
    <body>
        <form className={this.props.class_reponse} 
                    method="get" 
                    action="#" 
                    name="form"
                    onsubmit="return verifRep(this)"    
                >
                    <input id="check1" name='check1' type="checkbox"/>
                    <label for='check1'>Tomate</label><br/>
                    <input id="check2" name='check2' type="checkbox" />
                    <label for='check2'>Poireau</label><br/>
                    <input id="check3" name='check3' type="checkbox"/>
                    <label for='check3'>petits pois</label><br/>
                    
                    <input type="submit" value="valider"></input>
                    
                </form>
    </body>
</html>