Esempi di Utilizzo dell'Abaco
Torna all'AbacoEsplora diversi modi di utilizzare il componente abaco interattivo nelle tue pagine.
1. Abaco vuoto (clicca per aggiungere palline)
da
u
h
da
u
Valore:
305
2. Abaco con valore iniziale 50
da
u
3. Abaco con verifica (forma il numero 36)
Clicca sulle colonne per formare il numero corretto e vedere il feedback!
h
da
u
4. Abaco di sola lettura (mostra 73)
da
u
5. Abaco senza valore totale visualizzato
da
u
6. Confronto tra due numeri (36 e 63)
36
da
u
63
da
u
7. Esercizio: Forma il numero 25
Clicca sulle colonne dell'abaco per formare il numero 25
da
u
Come usare il componente Abaco:
<%= render 'abaco/abaco',
**Abaco.new(number: 53,
da: 5, # Numero iniziale di palline nelle decine
u: 3, # Numero iniziale di palline nelle unità
max_per_column: 9, # Massimo numero di palline per colonna (default: 9)
editable: true, # Se false, l'abaco è di sola lettura (default: true)
show_value: true, # Se true mostra il valore numerico (default: false)
correct_value: 53 # Se impostato, verifica la correttezza (opzionale)
).to_partial_params %>