JavaScript

The JavaScript Number() function is used to convert a given value into a number.

Number() [function]

　Number()関数は、入力された値を数値に変換するために使用されます。例えば、文字列が数字のみで構成されていれば、その文字列を数値に変換できます。しかし、数値に変換できない文字列が入力された場合、この関数は NaN（Not a Number、数値ではない）を返します。

Sample

　以下は、Number()関数を使用して様々な入力を数値に変換する例です。このサンプルでは、ユーザーがテキストボックスに入力した値を数値に変換し、その結果を Webページ上に表示します。

<label for="inputValue">数値に変換したいテキストを入力してください:</label>
<input type="text" id="inputValue" placeholder="ここに入力"><br>
<button onclick="convertToNumber()">変換</button>
<div id="result">結果を表示</div>
<script>
	<!-- JavaScript code here -->
</script>

function convertToNumber() {
	var input = document.getElementById("inputValue").value;
	var number = Number(input);
	var message = isNaN(number) ? "数値に変換できませんでした。" : "変換した数値: " + number;
	document.getElementById("result").innerText = message;
}

コードの説明

HTML構造

• テキスト入力ボックスとボタンがあり、ユーザーはここにテキストを入力し、「変換」ボタンを押すことで処理が開始されます。
• 入力結果は <div>要素に表示されます。

JavaScript

• ボタンがクリックされると convertToNumber 関数が実行されます。
• 入力された値は Number()関数によって数値に変換されます。変換が成功すれば数値が、失敗すればエラーメッセージが表示されます。