36回目授業内容　関数〜jQueryの練習〜脱線

[授業][ActionScript][Flash][Dreamweaver][jQuery][JavaScript]

関数

  • ボタンごとにfunction
<body>
<p>商品A（1000円）<button onClick="zeiA()">税込価格</button></p>
<p>商品B（1000円）<button onClick="zeiB()">税込価格</button></p>
<p>商品C（1000円）<button onClick="zeiC()">税込価格</button></p>
<script>
var zeikomi;
function zeiA(){
	zeikomi = 1000 * 1.05;
	alert('税込み価格は' + zeikomi + 'です。');
}
function zeiB(){
	zeikomi = 2000 * 1.05;
	alert('税込み価格は' + zeikomi + 'です。');
}
function zeiC(){
	zeikomi = 3000 * 1.05;
	alert('税込み価格は' + zeikomi + 'です。');
}
</script>
</body>
  • functionを一つで計算
<body>
<p>商品A（1000円）<button onClick="zei(1000)">税込価格</button></p>
<p>商品B（1000円）<button onClick="zei(2000)">税込価格</button></p>
<p>商品C（1000円）<button onClick="zei(3000)">税込価格</button></p>
<script>
var zeikomi;
function zei(price){
	zeikomi = price * 1.05;
	alert('税込み価格は' + zeikomi + '円です。');
}
</script>
</body>
  • functionを一つで計算２
<body>
<p>商品A（1000円）<button onClick="zei('商品A',1000)">税込価格</button></p>
<p>商品B（1000円）<button onClick="zei('商品B',2000)">税込価格</button></p>
<p>商品C（1000円）<button onClick="zei('商品C',3000)">税込価格</button></p>
<script>
var zeikomi;
function zei(name, price){
	zeikomi = price * 1.05;
	alert(name + 'の税込み価格は' + zeikomi + '円です。');
}
</script>
</body>
  • returnで戻り値を返す
<head>
<script>
function zei(x){
	var x = price * 1.05;
	return x;
}
</script>
</head>
<body>
<script>
var price;
price = prompt('価格の数字を入力してください。','半角数字で入力');
a = zei(price);
alert('税込み価格は' + a + '円です');
</script>
</body>
  • returnで戻り値を返す2
<head>
<script>
function dollToYen(doll, rate) {
	var yen;
	yen = doll * rate;
	return yen;
}
</script>
</head>
<body>
<p>
<script>
var yen1 = dollToYen(100, 90);
document.write(yen1, "円<br>");

var doll2 = 50;
var rate2 = 88;
var yen2= dollToYen(doll2, rate2);
document.write(yen2, "円<br>");
</script>
</p>
</body>

jQueryの練習

脱線話（復活）

  • 今日もガッツリやりました。もうちょっとでくじけるところだった・・・やばかったねぇ〜(笑´∀｀)！

四十路男Tokiyoの人生再スタートblogもやってます。