こんにちは、さるまりんです。
小ネタです。
JavaScriptで文字列→数値変換
HTML上の数値の文字列をボタンクリックで増加させたい。
関数parseInt()で実現できます。
※数値の文字列は整数で数値以外が設定されることはないことを前提とします。
※値の取得と設定にjQueryを使用します。
HTML
<span id="number-field">0</span>
<button id="plus-button">+</button>JavaScript
// 現在の値を取得
var curNumber = $("#number-field").text();
// 数値に変換 (これです)
var newNumber = parseInt(curNumber);
// 1増加
newNumber++;
// 増加した値を表示
$("#number-field").text(newNumber);
実装例です。
0
parseInt()は10進数以外も扱えるようです。
奥深いですね。
読んでくださってありがとうございます。
ではまた！