Problème jQuery
larvazin
Messages postés
104
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
Je rencontre un problème avec mon code jQuery :
Voilà mes codes :
HTML :
CSS :
JavaScript (jQuery)
Voici le rendu :
Mais lorsque je clique sur "RED", rien ne se passe !
Merci d'avance pour votre aide.
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.
