JS基礎

JavaScript 自習

変数の演算

インクリメント

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>変数の演算-インクリメント</title>
</head>
<body>
<script type="text/javascript">
var a = 10;
a ++; //a=a+1と同じ
alert(a);
</script>
</body>
</html>
デクリメント

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>変数の演算-デクリメント</title>
</head>
<body>
<script type="text/javascript">
var a = 10;
a --; //a=a-1と同じ
alert(a);
</script>
</body>
</html>
文字の変数

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>文字の変数</title>
</head>
<body>
<script type="text/javascript">
var str = '梅雨が';
str = str + '明けました';
alert(str);
</script>
</body>
</html>
文字を追加する

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>文字を追加する</title>
</head>
<body>
<script type="text/javascript">
function answer() {
var a = 'カレー';
alert( '今日の夕飯は' + a + 'です' );
}
</script>
<h2>献立</h2>
<p>今日の夕飯は？
<input type="button" value="チェック" onClick="answer()">
</p>
</body>
</html>
四則演算と余りを求める


↑は足し算の結果

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>変数の演算</title>
</head>
<body>
<script type="text/javascript">
var a = 21;
var b = 6;
var kai;
function tashizan() {
	kai = a+b;
	alert( '答えは' + kai + 'です' )
}
function hikizan() {
	kai = a-b;
	alert( '答えは' + kai + 'です' )
}
function kakezan() {
	kai = a*b;
	alert( '答えは' + kai + 'です' )
}
function warizan() {
	kai = a/b;
	alert( '答えは' + kai + 'です' )
}
function amari() {
	kai = a%b;
	alert( '答えは' + kai + 'です' )
}
</script>
<h2>変数の演算</h2>
<p>a = 21, b = 6について、<br>
変数「a」と「b」の計算結果を表示します。
</p>
<p><input type="button" value="足し算" onClick="tashizan()">
<input type="button" value="引き算" onClick="hikizan()">
<input type="button" value="掛け算" onClick="kakezan()">
<input type="button" value="割り算" onClick="warizan()">
<input type="button" value="余り" onClick="amari()"></p>
</body>
</html>