関数

関数とは

複数の処理をまとめたもの。

何回も同じことをする処理をまとめることでコーディングの無駄を省くことができる。また、ソースコードがすっきりして見やすくなる。

関数の定義

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種類のおみくじがランダムに表示されます。

f:id:develog:20160830195351p:plain