matematicas con script

[arcanisgk1]

hola estube buscando un código pero no encontré nada parecido a lo que nesesito

la idea es la siguiente

primero que nada segun una id guardada en una db cargar 4 valores a variables especificas

ejeplo si la id es = 1

cargar las variables

f=11
d=10
s=10
v=11

luego imprimir esos valores en xhtml ocn un script de incremento con el signo de mas o decreser con un menos, por cada punto adicionado ir sumando en una variable de costo el valor o restarlo de ser nesesario

valor inicial opcion costo

fuerza 11 + o - 0 pt Descripción: cada punto de fuerza cuesta 10pt
destreza 10 + o - 0 pt Descripción: cada punto de destreza cuesta 10pt
saber 10 + o - 0 pt Descripción: cada punto de saber cuesta 10pt
vigor 11 + o - 0 pt Descripción: cada punto de vigor cuesta 10pt

total de puntos usados 0 restantes 100

si la persona presiona en el signo de mas debería de pasar lo siguiente inmediatamente en pantalla, ejemplo si lo hacen en fuerza.

valor inicial opcion costo

fuerza 13 + o - 20 pt Descripción: cada punto de fuerza cuesta 10pt
destreza 10 + o - 0 pt Descripción: cada punto de destreza cuesta 10pt
saber 10 + o - 0 pt Descripción: cada punto de saber cuesta 10pt
vigor 11 + o - 0 pt Descripción: cada punto de vigor cuesta 10pt

total de puntos usados 20 restantes 80


también que los puntos usados en este caso 20 y los restante se puedan almacenar en variables

al final todos los valores serán guardados en una base de datos

muchas gracias de ante mano en cualquier ayuda, de preferencia algún link con ejemplo al respecto.

[arcanisgk1]

explico esto:
fuerza 13 (puntaje recopilado de una DB)
+ o - (signos clasicos para aumentar o bajar valores)
20 pt (suma de los puntos que va invitiendo al hacer click en los signos de +-)
Descripción: cada punto de fuerza cuesta 10pt (descripcion de como usar los signos)

en la siguiente seccion se muestra los puntos que lleva usados total:
total de puntos usados 0
y por ultimo los restantes:
restantes 100
no se de que otra forma explicarlo