ボタンを押して関数を実行する
ボタンを押して関数を実行するには、inputタグのonclickに実行したい関数を指定します。
Mission20
ボタンを押して関数を実行する
<input type="button" value="ボタンのラベル" onclick="☆">でボタンを押して関数を実行できます。☆には自分で作った関数の名前が入ります。
<html>
<head>
<title></title>
<meta charset="UTF-8">
<script language="JavaScript"><!--
function omikuzi()
{
a=Math.floor(Math.random()*4);
if(a==0)
{
document. images["OMIKUZI"].src="image/daikiti.gif";
}
else if(a==1)
{
document. images["OMIKUZI"].src="image/kyou.gif";
}
else
{
document. images["OMIKUZI"].src="image/suekiti.gif";
}
}
//--></script>
</head>
<body>
<input type="button" value= "おみくじを引く" onclick="omikuzi()">
<br>
<img src="image/omikuzi.gif" name= "OMIKUZI">
</body>
</html>
<head>
<title></title>
<meta charset="UTF-8">
<script language="JavaScript"><!--
function omikuzi()
{
a=Math.floor(Math.random()*4);
if(a==0)
{
document. images["OMIKUZI"].src="image/daikiti.gif";
}
else if(a==1)
{
document. images["OMIKUZI"].src="image/kyou.gif";
}
else
{
document. images["OMIKUZI"].src="image/suekiti.gif";
}
}
//--></script>
</head>
<body>
<input type="button" value= "おみくじを引く" onclick="omikuzi()">
<br>
<img src="image/omikuzi.gif" name= "OMIKUZI">
</body>
</html>
                             |
プログラムの実行結果が表示されます。