Récupérer la valeur d'un formulaire dans un tableau en javascript
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:
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
