Boulier

Boulier

new Boulier(values, options, conteneur)

Description:

  • Ajoute un boulier en svg dans conteneur

Source:
Parameters:
Name Type Description
values Object

Les propriétés à affecter à l’objet Boulier

Properties
Name Type Attributes Default Description
isChinese boolean <optional>
 true
width number <optional>
 600

Largeur du svg (la hauteur est imposée par la taille des boules et leur nombre)
nbTiges number <optional>
 6
epCadre number <optional>
 20

epaisseur du cadre
epTige number <optional>
 10

épaisseur des tiges
diametre number <optional>
 25

largeur d’une boule
fige number <optional>
 false

Passer true pour figer le boulier
outputElement HTMLElement

un élément pour afficher la valeur du boulier
options Object

Des options de comportement

Properties
Name Type Attributes Default Description
hasResetButton boolean <optional>
 false

passer true pour mettre le bouton reset
isBlue boolean <optional>
 false

Passer true pour avoir des boules bleues plutôt que rouges
conteneur HTMLElement

élément HTML qui contiendra le boulier

Members

diametre :number

Description:

  • Largeur d’une boule

Source:

Largeur d’une boule

Type:
  • number

epCadre :number

Description:

  • Epaisseur du cadre

Source:

Epaisseur du cadre

Type:
  • number

epTige :number

Description:

  • Epaisseur de chaque tige

Source:

Epaisseur de chaque tige

Type:
  • number

etat :string

Description:

  • État courant des boules, chaque caractère représentant le nb de boules "actives" (vers le centre) de la demi-tige Avec 4 tiges le premier caractère concerne les boules du haut de la tige de gauche, le 2e les boules du bas de la tige de gauche, etc. On a donc toujours un nombre pair de caractères, tous des chiffres

Source:

État courant des boules, chaque caractère représentant le nb de boules "actives" (vers le centre) de la demi-tige Avec 4 tiges le premier caractère concerne les boules du haut de la tige de gauche, le 2e les boules du bas de la tige de gauche, etc. On a donc toujours un nombre pair de caractères, tous des chiffres

Type:
  • string

fige :boolean

Description:

  • Si true le boulier est figé

Source:

Si true le boulier est figé

Type:
  • boolean

height :number

Description:

  • Hauteur du svg

Source:

Hauteur du svg

Type:
  • number

heightUp :number

Description:

  • Hauteur des demi-tiges du haut (sans cadre)

Source:

Hauteur des demi-tiges du haut (sans cadre)

Type:
  • number

isChinese :boolean

Description:

  • true pour le boulier chinois (défaut), false pour le boulier japonais

Source:

true pour le boulier chinois (défaut), false pour le boulier japonais

Type:
  • boolean

nbTiges :number

Description:

  • Nombre de tiges

Source:

Nombre de tiges

Type:
  • number

outputElement :HTMLElement|null

Description:

  • Un élément pour afficher la valeur courante du boulier

Source:

Un élément pour afficher la valeur courante du boulier

Type:
  • HTMLElement | null

width :number

Description:

  • Largeur du svg

Source:

Largeur du svg

Type:
  • number

Methods

affiche(etat)

Description:

  • Affecte l’état du boulier et place les boules correctement pour correspondre à cet état

Source:
Parameters:
Name Type Description
etat string

clic(numTige, numBoule)

Source:
Parameters:
Name Type Description
numTige
numBoule

etatToNb(etat) → {number}

Description:

  • Convertit un état en nombre

Source:
Parameters:
Name Type Description
etat string
Returns:
Type
number

getNumber() → {number}

Description:

  • Retourne le nombre associé à l’état courant

Source:
Returns:
Type
number

nbToEtat(n) → {string}

Description:

  • Transforme un nombre en état des boules

Source:
Parameters:
Name Type Description
n number
Returns:

l’état

Type
string

reset()

Description:

  • Remet le boulier à 0

Source: