action borne finale ; alternative CSS à flex ; borne/numéro de rang négatif d'enfant à l'origine ; association d'un facteur d'intervalle à la borne finale ; indication du nombre d'item sélectionnés ; valeur de n par 'li' ; accessibilité : bouton de validation et ARIA ! courbe svg ??
à relier à déclinaison ? habillage…
Fixer le facteur de l'intervalle "i" entre les enfants via les boutons radio.
Fixer le numéro de rang de l'enfant à l'origine "o" via les boîtes de sélection "borne initiale" et "borne finale"
(la "borne initiale" avec un facteur d'intervalle positif, est l'enfant le plus à gauche, mais à droite avec un facteur d'intervalle négatif ; pour la "borne finale", c'est ainsi l'inverse -
noter que les bornes peuvent ne pas avoir d'existence dans le DOM quand le rang est calculé en-dehors des limites de la collection d'éléments où la sélection s'opère ; exemple, 2n-5 commence visiblement à 1 comme 2n+1, mais virtuellement à -5 : [-5,-3,-1,1,3,5,7,…]) (**)
L'on obtient une sélection calculée selon "in+o"(*) et le second formulaire peut donner à comparer.
(*) CSS applique une fonction de type mathématique "ax + b", ou "in+o" dans notre cas, avec :
dans le rôle du coefficient directeur a : le facteur d'intervalle i ;
dans le rôle de l'ordonnée à l'origine b : le rang de l'enfant à l'origine ;
dans le rôle de la variable x : l'argument n que CSS paramètre automatiquement en partant de 0 puis en rajoutant 1 (les paramètres sont des nombres entiers supérieurs ou égal à zéro)
(**) décompte virtuel qui semble limité au milliard d'après tests Firefox et Chrome Mac : :nth-child(-999999999n+1000000000) fonctionne - équivaut à nth-child(1) - mais pas nth-child(-9999999999n+10000000000)