Problème de limitation java

Fermé
momo9213 Messages postés 16 Date d'inscription mardi 26 avril 2022 Statut Membre Dernière intervention 27 novembre 2022 - 26 avril 2022 à 18:54
 momo9213 - 28 avril 2022 à 01:36
Bonjour, j ai un probleme avec mon code java-scripit donc je suis entrain de crée un site ou l on doit insere 3 valeur ou appuye sur des bouton pour augment soit le rouge ou le vert ou bien le bleu mais le probleme et que je n arrive pas a limite le choix de la valeur entre 0 et 255 je mets mon code ci-dessous
merci d avance pour ce qui on lue mon message et esseyerons de m aider



java script :
let valeur_rouge = 0;
let zoneRouge = document.getElementById("chiffre_rouge");

function fct_saisie_valeur_rouge(){
if (isNaN(saisie_rouge.value)) {
alert("Veuillez ecrire un nombre");
} else {
valeur_rouge = parseInt(saisie_rouge.value,10);
zoneRouge.innerHTML = valeur_rouge;
fct_change_couleur();
}
}

let saisie_rouge = document.getElementById("text_rouge");
saisie_rouge.addEventListener("change",fct_saisie_valeur_rouge);

{

function augmentation_rouge(){
valeur_rouge = valeur_rouge + 1;
zoneRouge.innerHTML = valeur_rouge;
if (valeur_rouge == 256){
alert("vous ne pouvez que entrer des nombre de 0 à 255");
}
fct_change_couleur();
}
let bouton_rouge_plus = document.getElementById("rouge+");
bouton_rouge_plus.addEventListener("click",augmentation_rouge);
if (valeur_rouge == 256){
document.getElementById("augmentation_rouge").disabled = true;
}
}
{
function diminution_rouge(){
valeur_rouge = valeur_rouge - 1;
zoneRouge.innerHTML = valeur_rouge;
if (valeur_rouge == -1){
alert("vous ne pouvez que entrer des nombre de 0 à 255");
}
fct_change_couleur();
}
let bouton_rouge_moins = document.getElementById("rouge-");
bouton_rouge_moins.addEventListener("click",diminution_rouge,);
}
let boite_coloree = document.getElementById("boite_couleur")

function fct_change_couleur(){
debutRVB = "rgb(" ;
codeRVB = debutRVB.concat(valeur_rouge,",",valeur_vert,",",valeur_bleu,")");
boite_coloree.style.backgroundColor = codeRVB;














html :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Mélangeur</title>
<link rel="stylesheet" href="stylecss.css" type="text/css">
<link rel="stylesheet"href="boite_couleur.css">
<script src="massi.js" async></script>
</head>
<body>
<h1>Mélangeur de couleur</h1>
<p1>Entrez les valeur dans champ de saisie:</p1>
</br>
<p2>R: <input id="text_rouge" type="text"/><button id="rouge+">+</button> <button id="rouge-">-</button>
→ <span id="chiffre_rouge">0</span></p2>
</br>
<p3>V: <input id="text_vert" type="text"/><button id="vert+">+</button> <button id="vert-">-</button>
→ <span id="chiffre_vert">0</span></p3>
</br>
<p4>B: <input id="text_bleu" type="text"/><button id="bleu+">+</button> <button id="bleu-">-</button>
→ <span id="chiffre_bleu">0</span></p4>
</br>
<div id="boite_couleur"></div>
</body>
</html>
A voir également:

1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
27 avril 2022 à 08:42
Bonjour,

Alors, déjà, merci d'utiliser à l'avenir, les balises de code pour poster du code sur le forum.
Explications ( à lire entièrement ! ) disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite, JAVA .. n'est pas JAVASCRIPT.
Ce sont deux langages différents.

Et enfin, concernant ta demande, si tu ouvres la console JS de ton navigateur et que tu regardes ce qu'il se passe lorsque tu appuis sur un bouton.. tu verras qu'il te marque un message d'erreur...
Erreur liée au fait que tu essais d'utiliser des variables qui ne sont pas initialisée.
Donc, ajoute la déclaration de tes deux variables
  let valeur_vert = 0;
  let valeur_bleu = 0;

au début de ton code.


0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
27 avril 2022 à 08:47
Et pour la limitation, modifie ton code comme ceci
    function diminution_rouge(){
      valeur_rouge = valeur_rouge - 1;
     
      if (valeur_rouge < 0){
        alert("vous ne pouvez que entrer des nombre de 0 à 255");
        valeur_rouge = 0 ;
      }
       zoneRouge.innerHTML = valeur_rouge;
      fct_change_couleur();
    }

et même chose pour le plus
1
Tout d'abord je te remercie d'avoir lu mon message
pour les erreurs, c'est juste que je n'ai pas envoyé tout le code, mais seulement une partie pour pas trop encombrée le message et je m'excuse d'avoir dit java au lieu de java-script, je ne savais même pas qu'il y avait une différence
et merci beaucoup pour l'aide.
0