[JavaScript]LocalStorageの値から減算をする方法を探しています

Question

前提・実現したいこと

お世話になっております。
ボタンをクリックすると、LocalStorageの値に入っている数値の減算できる処理ができるようにしようと考えています。

・LocalStorageには「point」とkeyが設定されていて、値は200の場合
⇒200→190に減算

試したこと

通常の演算のように試したところ失敗しました。

<A.js>（ポイント数が表示されるjs）

localStorage.setItem('point','200');
var coin = localStorage.getItem('point');
// ポイント数を表示
$('#point').text(coin);

<B.js>

let num = localStorage.getItem('point');

num = num - 10;  // 変数の値に10を減算したものを再び変数に代入

以上、ご回答お待ちしております。

Comments

[yambejp]

>失敗しました

とは、どういった状況でしょうか？

[proday]

＞yambejp 様
減算されず、値はそのまま変わらずという状況です。

[yambejp]

＞減算されずそのままの値

というのは?
pointに200が入っててnumを10減産したら190ですよね？
何が表示されるのか具体的に書いてください

[proday]

＞ yambejp 様
減算されず、200のまま表示されます。

[yambejp]

A.jsのfiache-coinとB.jsのpointは相関関係がなさそうですが・・・
それとB.js内にconsole表示はないので何も表示されないと思います

[proday]

申し訳ございません。
変数の方を間違えてしまいました。
pointになります。

[yambejp]

a.jsとb.jsをどうやって呼び出しているのでしょうか？
回りくどく何度も後出しをせずに動作可能なソースを
きちんと提示ください

Answer 1

仮にこうすると190が戻るのでほんとにpointが予め200なら問題ないはずです

localStorage.setItem('point','200');
let num = localStorage.getItem('point');
num = num - 10;
console.log(num);

Comments

[proday]

＞ yambejp様
ご回答ありがとうございます！
いただいたソースのとおりに行ったところ、減算されずそのままの値でした…。
setItem部分を他ページで行っているからでしょうか。

[maisumakun]

「他ページ」とありますが、どのようにページ遷移を入れていますか？

（このコードでは、その場で値を計算するだけで「書き戻していない」ので、リロードなどで再度storageから値をとってきた場合は、値はもとに戻っています）

[yambejp]

質問がぼんやりしているのでなんとも言えませんが
ローカルストレージのpointの値自体を10減らすのですか？

let num = localStorage.getItem('point');
num = num - 10;
console.log(num);
localStorage.setItem('point',num);

[proday]

> yambejp 様
そうです！説明が上手く伝わらず申し訳ございません。
ローカルストレージのpoint自体を減らしたいです。

こちらの方を試させていただいたところ、-10自体が値に入ってしまいました。

[yambejp]

では元のpointが０だったんです

[proday]

> yambejp 様

こちらのコードミスがあったようで、もう一度下記で試したところ、無事減りました。
ご迷惑をお掛け致しまして、申し訳ございません。

let num = localStorage.getItem('point');
num = num - 10;
console.log(num);
localStorage.setItem('point',num);

[proday]

＞maisumakun 様
見落としておりました。申し訳ございません。
書き戻しを行っておりませんでした。