四則演算を行うには

<html>
<head>
<title>Sample</title>
<script type="text/javascript"><!--
function calc(fObj)
{
n1 = parseFloat(fObj.num1.value);
n2 = parseFloat(fObj.num2.value);
fObj.result1.value = n1 + n2;
fObj.result2.value = n1 - n2;
fObj.result3.value = n1 * n2;
fObj.result4.value = n1 / n2;
}
// --></script>
</head>
<body>
数値を文字列とみなして連結します。<br><br>
<form>
値１：<input type="text" value="12" name="num1"><br>
値２：<input type="text" value="34" name="num2"><br>
加算結果：<input type="text" name="result1"><br>
減算結果：<input type="text" name="result2"><br>
乗算結果：<input type="text" name="result3"><br>
除算結果：<input type="text" name="result4"><br>
<input type="button" value="計算する" onClick="calc(this.form)">
</form>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。