Problème de limitation java

momo9213 Messages postés 16 Date d'inscription Statut Membre Dernière intervention -
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:

Problème de limitation java
Waptrick java football - Télécharger - Jeux vidéo
Jeux java itel - Télécharger - Jeux vidéo
Eclipse java - Télécharger - Langages
Java apk - Télécharger - Langages
Waptrick java voiture - Télécharger - Jeux vidéo

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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.

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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

momo9213

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.

Discussions similaires

Jeux pour itel 5330

Java : Jeux gratuits à télécharger !

application JAVA sur telephone portable !!!!

Téléchargement de la Bible en français

Jeux gratuits sur mobile

Votre réponse

Discussions similaires