目次
2013-01-10
関数
-
ボタンごとにfunction
<pre><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></pre>
-
functionを一つで計算
<pre><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></pre>
-
functionを一つで計算２
<pre><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></pre>
-
returnで戻り値を返す
<pre><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></pre>
-
returnで戻り値を返す2
<pre><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></pre>
&nbsp;
jQueryの練習
-
横スクロールとlightBox
| Gadgets powered by Google | |