Bouton ne marche pas

Fermé
helloworld - 23 déc. 2018 à 16:07
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 23 déc. 2018 à 17:34
Bonjour,

qu'est ce qui peu bien empecher mon bouton de fonctionner ? Rien ne s'affiche dans la console mais un console.log au chargement de la page fonctionne donc mon script est bien intégrer..

$('button:last').on('click',function(){
    console.log("salut");
});


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- bootstrap 4 css-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <!-- bootstrap 4 -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <!-- script perso + jquery.js-->
    <script type="application/javascript" src="script.js"></script>
    <script type="application/javascript" src="jquery.js"></script>
</head>
<body>
<section class="content">
    <article class="container"><br>
        <div class="row" id="login_top">
            <div class="col-lg-4"></div>
            <div class="col-lg-4">
            <p id="login_text">Appli</p>
                <input class="form-control" id="log1" type="text" name="username" placeholder="Username" required=""><br>
                <input class="form-control" id="mdp1" type="password" name="password" placeholder="Password" required=""><br>
                <button class="btn btn-success btn-block">Se connecter</button>
                <button class="btn btn-secondary btn-block">S'enregistrer</button>
            </div>
            </div>
        </article>
    </section>
</body>
</html>




Configuration: Windows / Chrome 71.0.3578.98

1 réponse

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
23 déc. 2018 à 17:34
Bonjour,

Ton script est exécuté avant que la page ne soit chargée...

De toutes façons il faut :
- Placer jquery AVANT les autres
- Placer le JS avant le </body> ( ça ne se fait plus de placer les script (et le css...) dans le <head> )

0