javascript 変数 文字列を数値にキャストしてからの足し算

Question

#説明や解決したいこと
現在、ボタンがクリックされるとtotalmoneyに値が追加されていくというコードを書いているのですが
（かいてるつもり）
10円を選択して追加し、また10円を追加すると1010円と表示されてしまいます。
この1010円を数値にし、20円と表示させたいのですがどのようにすればよろしいでしょうか。
コードと試したことを下記に記載しておきます。

#試したこと
変数　totalmoneyとmoneyをNumber()に入れてみたが、結果がNANになった。
parseIntも使ってみたが結果が一緒になった。
試したコード

let totalmoney;
    function depositBtn(){
      let money = document.getElementById("money").value;
      totalmoney = Number(totalmoney) + Number(money);
}

let totalmoney;
    function depositBtn(){
      let money = document.getElementById("money").value;
      totalmoney = totalmoney + money;
}

  <select  id="money">
    <option value="10">10¥</option>
    <option value="50">50¥</option>
    <option value="100">100¥</option>
    <option value="500">500¥</option>
    <option value="1000">1000¥</option>
  </select>
  <button type="button" id="btn" onclick="depositBtn()">入金</button>

Comments

[kei344]

関数が途中で切れています。また、試したコードはそれぞれ提示してください。

Answer 1

let totalmoney = 0;
function depositBtn(){
  let money = document.getElementById("money").value;
  totalmoney = totalmoney + parseInt( money );
  console.log( totalmoney );
}
```**動くサンプル：**[https://jsfiddle.net/jfzpxncm/](https://jsfiddle.net/jfzpxncm/)

Comments

[kei344]

質問文に提示のNumberが NaNになるのは let totalmoney = 0; のように初期値を入れていないためです。

[tundorian-hamu]

めっちゃ煽ってくる人よくいるけどめっちゃ優しい人だった。。。
ありがとうございます。
解説お願いしようかと思いましたが、落ち着いて考えれば理解できました。