JavaScript

Arithmetic operator 「算術演算子」

  +
左辺と右辺の和(加算)を求める、または文字列を結合する。

myVal = 5 + 8;
// 5 足す 8 の結果を変数 myVal に代入。

myStr = "Hello," + "JavaScript";
// 文字列「Hello,」と「JavaScript」を結合して変数 myStr に代入。

  -
左辺と右辺の差(減算)を求める、または符号を反転する。

myVal = 5 - 8;
// 5 引く 8 の結果を変数 myVal に代入。

myNum = -myNum;
// 変数 myNum の値を反転(値が 8 の場合 -8、-8 の場合 8)。

  *
左辺と右辺の積(乗算)を求める。

myVal = 5 * 8;
// 5 かける 8 の結果を変数 myVal に代入。

myVal = myVal * 5;
// 変数 myVal かける 5 の結果を変数 myVal に代入。

  /
左辺と右辺の商(除算)を求める。

myVal = 8 / 2;
// 8 割る 2 の結果を変数 myVal に代入。

myVal = myNum / myNum2;
// 「変数 myNum」割る「変数 myNum2」の結果を変数 myVal に代入。

  %
左辺÷右辺の剰余を求める。

myVal = 12 / 5;
// 12 割る 5 の余りを変数 myVal に代入(myVal の値は 2)。

myNum = myLal % 5;
// 変数 myVal 割る 5 の余りを変数 myNum に代入。

  ++
値に 1 を加算する(x++ は x=x+1 と同様)。インクリメント。

myVal = i++;
// 変数 myVal に変数 i の値を代入してから変数 i に 1 を加算。

myVal = ++i;
// 変数 i に 1 を加算してから変数 myVal に代入。

  --
値から 1 を減算する(x-- は x=x-1 と同様)。デクリメント。

myVal = i--;
// 変数 myVal に変数 i の値を代入してから変数 i から 1 を減算。

myVal = --i;
// 変数 i から 1 を減算してから変数 myVal に代入。

Sample source

 x と y に入れた数字をもとにそれぞれの計算(演算)を行います。

x =
y =

文字列として連結
x + y =
x - y =
x * y =
x / y =
x % y =
++x =
--y =

 フォームに入力された値は文字列として扱われるため、eval() で数値に変換しておく。


<script>
function myCal() {
	x = document.myForm.myX.value;
	y = document.myForm.myY.value;
	document.myForm.myStr.value = x + y;
	x = eval(x);
	y = eval(y);
	document.myForm.plus.value = x + y;
	document.myForm.minuse.value = x - y;
	document.myForm.mul.value = x * y;
	document.myForm.div.value = x / y;
	document.myForm.rem.value = x % y;
	document.myForm.inc.value = ++x;
	document.myForm.dec.value = --y;
}
</script>

<form name="myForm">
	x = <input type="text" name="myX" size="8"><br>
	y = <input type="text" name="myY" size="8"><br>
	<input type="button" value="演算する" onclick="myCal()">
	<hr>
	文字列として連結<input type="text" name="myStr" size="8"><br>
	x + y = <input type="text" name="plus" size="8"><br>
	x - y = <input type="text" name="minuse" size="8"><br>
	x * y = <input type="text" name="mul" size="8"><br>
	x / y = <input type="text" name="div" size="8"><br>
	x % y = <input type="text" name="rem" size="8"><br>
	++x = <input type="text" name="inc" size="8"><br>
	--y = <input type="text" name="dec" size="8">
</form>