Récupérer une valeur contenu dans un array
bonjour
voila un JavaScript ,je sais pas reprendre valeur ,cliquer cliquer...
par exemple je clique
1 5 67 89 43
ben par exemple le 1 additionner au 43 ou 67 moins 5 ...
enfin c'est reprendre les valeur pour travailler avec ..
merci
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
| "use strict";
// ----------
// 0- création de la table - 90 cases
let table = document.createElement('table');
let tbody = table.createTBody();
for (let row = 1; row <= 10; row++)
{
let tr = tbody.insertRow();
for (let col = 1; col <= 9; col++)
{
let key = row + ((col-1) * 10);
let td = tr.insertCell();
let label = document.createElement('label');
let input = document.createElement('input');
input.type = 'checkbox';
input.name = 'cb['+key+']';
input.value = key; // on met la clé en valeur
label.append(key, input);
td.append(label);
}
}
document.getElementById('form90cases').prepend(table); // insert la table dans le formulaire
// ----------
// 1- checkbox
let allBoxes = document.querySelectorAll('#form90cases input[type=checkbox]');
allBoxes.forEach(function(box) {
box.addEventListener('click', function(){
// box.parentNode.parentNode.classList.toggle('on');
box.closest('td').classList.toggle('on');
show_results();
});
});
// ----------
// 2- Reset (Vider la grille)
let btnReset = document.querySelector('#form90cases button[name="btn-reset"]');
btnReset.addEventListener('click', function(){
for (let box of allBoxes) {
box.checked = false; // décoche la sélection
box.removeAttribute('checked'); // décoche la sélection
// box.parentNode.parentNode.classList.remove('on');
box.closest('td').classList.remove('on');
}
show_results();
});
// ----------
// 3- inverser la sélection
let btnInvert = document.querySelector('#form90cases button[name="btn-invert"]');
btnInvert.addEventListener('click', function(){
for (let box of allBoxes) {
box.checked = !box.checked;
// box.parentNode.parentNode.classList.toggle('on');
box.closest('td').classList.toggle('on');
}
show_results();
});
// ----------
// 4- Envoyer
let btnEnvoi = document.querySelector('#form90cases button[name="btn-envoi"]');
btnEnvoi.addEventListener('click', function(){
show_results();
});
// ----------
function show_results()
{
let show_results = document.getElementById('show-results');
let nbre_results = document.getElementById('nbre-results');
let results = [];
let ii = 0;
for (let box of allBoxes)
{
if( box.checked )
{
results[ii] = Number(box.value);
ii++;
}
}
results.sort(compareNombres); // ordre croissant
// Affichage des résultats
nbre_results.textContent = ii;
// show_results.textContent = results.join(', ');
show_results.innerHTML = '<b>' + results.join('</b>, <b>') + '</b>';
// show_results.innerHTML = '<ul><li>' + results.join('</li><li>') + '</li></ul>'; // liste Ã* puces
}
function compareNombres(a, b) { return a - b; } // permet de trier correctement les nombres
// ---------- |
