関数
関数とは
複数の処理をまとめたもの。
何回も同じことをする処理をまとめることでコーディングの無駄を省くことができる。また、ソースコードがすっきりして見やすくなる。
関数の定義
function 関数名() {
処理;
}
関数の呼び出し
関数名();
関数の練習
おみくじを引くプログラム(7枚のおみくじ画像がランダムに表示される)
<body>
<script>
function omikuji(){
//1から7のランダムな整数を取得
var num = Math.floor( Math.random() * 7 ) + 1;
console.log(num);
document.kuji.src='img/'+num+'.png';
}
</script>
<p><img src="img/1.png" name="kuji"></p>
<p><button onclick="omikuji();">おみくじを引く!</button></p>
</body>
結果
「おみくじを引く!」ボタンを押すたびに7種類のおみくじがランダムに表示されます。