Discussion :

[marionmc]

Bonjour à tous,

Je reviens vers vous car je n'arrive à debugger mon code seule!

Je dois écrire une procédure pour gérer un plan de table en fonction de demandes de réservation via un formulaire.
Pour cela j'ai un formulaire pour récupérer la valeur numérique de la réservation. Puis celle-ci est comparé avec le nombre de sieges restant et l'idée est d'assigner la réservation à une table, de la stocker pour décrémenter le nombre de places restantes, etc.

Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
   <script Language="Javascript">
 
var tablenb = 6;
var seatsbytable = 4;
var remainingseats = 10;
var totalseats = tablenb * seatsbytable;
var reservation = 0;
 
var form = document.getElementById('form'); number = document.getElementById('number');
 
var seatingArray = ["Table 1","Table 2","Table 3","Table 4"];
var arrayLength = seatingArray.length;
 
for (var i = 0; i < arrayLength; i++) {
 
form.onsubmit = function(){
    reservation = number.value;
    console.log(reservation);
 
     if (reservation >=1){  
 
            if (reservation < remainingseats) {
 
            var result = totalseats - reservation;
            remainingseats = result;
            seatingArray.push(result);              
                }
 
        else { 
            alert("we're sorry, there are no more seats left");
            };
    }
}
 
 
   document.write(seatingArray[i]);
}
 
    </script>

Premier problème:
- Le formulaire fonctionne mais je n'arrive pas à stocker cette valeur dans mon tableau sans qu'elle n'écrase la précédente. Je pense que cela vient du fait d'utiliser un formulaire -> il rafraichit la page automatique.

Deuxième problème:
J'arrive à le faire avec une seule valeur sans la boucle. Mais l'idée est qu'à chaque fois qu'une reservation est faite, la fonction est recommencée.

Pourriez-vous m'aider à y voir plus clair s'il vous plait?

D'avance merci!
Marion

[danielhagnoul]

Si le traitement du formulaire est en JS, il ne faut pas soumettre le formulaire au serveur lors du "submit'.

Voir : https://developer.mozilla.org/fr/doc...preventDefault et https://developer.mozilla.org/fr/doc...topPropagation

[marionmc]

Merci beaucoup pour ta réponse, en effet ça a marché en le remplacant par un div au lieu d'un form -> j'ai quand même pu récupérer la valeur grâce au input et à une fonction onclick

J'ai une autre question sur ce même exercice si tu en as la patience?

Je voudrais créer une boucle pour que chaque valeur récupéré via ce formulaire soit stockée dans un tableau. Mais c'est un tableau avec plusieurs colonnes -> ex table 1 | Chaises | places disponibles.

Je voudrais que ma boucle vérifie s'il y a de la place à la table 1 pour la réservation demandée -> si oui, il assigne ces places à cette table et le ajuste le nombre de place disponibles.
Si non, il passe à la table suivante etc. jusqu'à la fin du tableau.

Je sais faire la partie "vérification des places disponibles par rapport à la réservation demandée" mais je n'arrive pas à inclure ce comportement sous forme de boucle pour qu'il essaye chaque table pour chaque réservation ni comment gérer un tableau à plusieurs colonnes

[Invité]

Bonjour,

nous ne sommes pas là pour faire les "exercices" à ta place.

1- Nouvelle question = ouvre une nouvelle discussion
2- Montre le code que tu as déjà écrit.

[marionmc]

Ok c'est noté pour le nouveau sujet, je ne voulais pas polluer en en ouvrant trop!

Tout à fait d'accord pour ne pas faire les exercices à ma place, ça n'aurait aucun intérêt en effet. C'est bien parce que je suis bloquée dans mon code que je demande de l'aide mais pas qu'on le fasse à ma place, on est bien d'accord!