jquery convert alphabet of a given paragraph to numbers and calculate them
for example a = 1, b = 2, c = 1 <p>
so that &lt;p> cab &lt;/p> would be a sum of 4! 
<p>and then update that number into a span after the paragraph,
 and give that paragraph a width for each number for example cab would be 40px at 10px for each value
 
Preferably I would like to use it on a contentEditable=true (or textarea) and have it update automatically on key up so live or bind.

what would be the best way to start ?

& Happy new year!
jquery convert alphabet of a given paragraph to numbers and calculate them
===

for example a = 1, b = 2, c = 1 <p>
so that &lt;p> cab &lt;/p> would be a sum of 4! 
<p>and then update that number into a span after the paragraph,
 and give that paragraph a width for each number for example cab would be 40px at 10px for each value
 
Preferably I would like to use it on a contentEditable=true (or textarea) and have it update automatically on key up so live or bind.

what would be the best way to start ?

& Happy new year!