<< 数値を四捨五入する | TOP

2008年05月30日

数値：四則計算

四則計算
入力された数値を四則計算します。

[ 四則計算をする 外部 JavaScript ]

// 四則計算をする
function sisoku(){
var Num1=parseFloat(document.form1.number1.value);
var Num2=parseFloat(document.form1.number2.value);
document.form1.result1.value=Num1 + Num2;
document.form1.result2.value=Num1 - Num2;
document.form1.result3.value=Num1 * Num2;
document.form1.result4.value=Num1 / Num2;
document.form1.result5.value=Num1 % Num2;
}

[ 四則計算をする XHTML ]


<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta name="description" content="サイト内容" />
<meta name="keywords" content="サイトキーワード" />
<meta name="author" content="css+xhtml+seo" />
<meta name="copyright" content="Copyright &copy; css+xhtml+seo. All Rights Reserved." />
<link rel="index" href="./index.html" />
<link rel="next" href="next.html" />
<link rel="prev" href="prev.html" />
<link rev="made" href="mailto:●●●@●●●" title="send mail" />
<link rel="stylesheet" href="css/●●●.css" type="text/css" />
<script src="js/javascript.js" type="text/javascript"></script>
<meta http-equiv="content-style-type" content="text/javascript" />
</head>
<body>

<form name="form1" action="">
<input type="text" name="number1" value="" /> <input type="text" name="number2" value="" /><br /><br />

+<input type="text" name="result1" value="" /><br />
-<input type="text" name="result2" value="" /><br />
*<input type="text" name="result3" value="" /><br />
/<input type="text" name="result4" value="" /><br />
%<input type="text" name="result5" value="" /><br />
<input type="button" value="計算する" onclick="sisoku()" /><br />
</form>

</body>
</html>


タグ：数値 計算 四則計算 足す 引く × 割る パーセント %
posted by javascript at 20:16| 数値：四則計算 | このブログの読者になる | 更新情報をチェックする