アプリでアイコンをD&Dして選択されたアイコンを計算する方法

Question

html5,javascriptをメインにアプリを作ろうと思っています。

開発に使うツールはmonacaです

そこで、アイコン一覧からいくつかのアイコンをドラッグして
選択し、その選択されたアイコンを計算して結果を出すという処理をしたいです。
アイコンには数字をもたせます。

例：アイコン１（１０）＋アイコン２（１０） ＝２０

と言った具合です。

この処理をするのに
PHPとmysqlを使い、ajaxでhtml5に表示させる方法

javascripあるいはjQueryでクッキーを使う方法
phpでクッキーを使い、ajaxで表示させる方法

があると思います。
仕組み的には単純で簡単だと思うのですがよくわかっていません。
クッキーを使うだけでできればそれが一番簡単なのかなと思っています。
もしくは他にもっといい方法があるのか知りたいです。

追記
ユーザーが任意の数字、身長などを入力（この数字をクッキーかmysqlに保存？）
↓
カテゴリから選択
↓
次にアイコン一覧（mysqlから数字、10や100を持たせたアイコンを読み込む？）から選択
↓
ユーザーが入力した数字と選択したアイコン（数字）を計算
↓
結果を表示

という流れだとすると
ユーザーが入力した数字を保持する必要があり
アイコン（数字に変換）を読み込み
計算
という具合です、できればこの結果などをユーザー登録した人には保存したいと思っています。
データの共有は必要なくユーザー自身が見られれば問題ありません。

Comments

[munyaX]

MySQLやCookieを使われるということは、保存をする必要があるということでしょうか？　保存の要件について詳しく追記されると良いかと思います。（どういったデータか、ボリューム、保存期間、他者と共有する必要があるのか、ユーザー自信が見れればいいのか、など）

[mero]

ご指摘ありがとうございます、修正させていただきました

Answer 1

データの共有が必要ないということであれば、

下記で保存し、
【保存】

var obj = {height: value}; // valueには身長や保存したい数字
localStorage.setItem("data", JSON.stringify(obj));

カテゴリを選択した際に、下記で読み込んだ値と選択したアイコンで演算すればよいかと思います。
【読込み】

var item = localStorage.getItem("data");
var obj = JSON.parse(item);

var sum = obj.height + icon1;
alert(sum);