Problème jQuery

Fermé
larvazin Messages postés 103 Date d'inscription vendredi 20 juillet 2018 Statut Membre Dernière intervention 28 juillet 2020 - 24 juil. 2018 à 11:43
jordane45 Messages postés 36375 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 octobre 2022 - 24 juil. 2018 à 12:06
Bonjour,
Je rencontre un problème avec mon code jQuery :

Voilà mes codes :

HTML :

 
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<script src="jquery-3.3.1.min.js" ></script>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
</head>

<body>
    <button style="width: 100px; height: 50px; font-size: 30px; background-color: red; color: white; border-radius: 10px;" id="red">RED</button>
    
    <button style="width: 100px; height: 50px; font-size: 30px; background-color: blue; color: white; border-radius: 10px;" id="blue">BLUE</button>
    
    <p id="p1">TEXTE</p>
    
</body>

</html> 



CSS :


.redd
{
    background-color: aqua;
    
}

.blu
{
    color: blue;
}



JavaScript (jQuery)


$(document).ready(function(){
             
    $("#red").click(function){
        
        $("#p1").addClass("redd");
   
    });
});



Voici le rendu :


Mais lorsque je clique sur "RED", rien ne se passe !

Merci d'avance pour votre aide.

1 réponse

jordane45 Messages postés 36375 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 octobre 2022 4 366
24 juil. 2018 à 12:06
Bonjour,

Si tu avais regardé dans la CONSOLE de ton navigateur, tu aurais pu y voir un message d'erreur...
corrige ta ligne par
$("#red").click(function(){ 

0