簡易おみくじです。
・サンプルを見る
・ソースを保存する (右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
・ソースを見る ・解説を見る
[ ソース ]
<html><head>
<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp
function omikuji()
{jikoku=new Date();
var byou=jikoku.getSeconds();
byou%=10;
var bun=new Array();
bun[0]="大吉!<br>絶好調です。何もかも貴方の思い通り!";
bun[1]="中吉!<br>何か良いことがありそう。";
bun[2]="吉。<br>穏やかな日々が過ごせそうです。";
bun[3]="小吉。<br>今日はゆっくりと過ごしましょう。";
bun[4]="凶…<br>忘れ物に注意!";
bun[5]="大凶…<br>ミスを連発しそうです。";
bun[6]="中吉。<br>懐かしい人に出会えそう。";
bun[7]="小吉。<br>残り物には福がある。";
bun[8]="凶…<br>こんな日は大人しくしていよう。";
bun[9]="吉。<br>懐かしい人に連絡を取ってみよう。";
document.open();
document.write('<html><body><center><font size="5">'+bun[byou]);
document.write('<br><br>');
document.write('<a href="omikuji.html">戻る</a></font></center>');
document.write('</body></html>');
document.close();
}
//-->
</script>
</head>
<body>
<form>
<input type="button" value="御神籤" onClick="omikuji();">
</form><br>
・
・
・
</body></html>
[ 解説 ]
上から9行目からおみくじの内容があります。
(大吉、中吉等と書いてある欄です。)
そこはお好きなように内容を書き換えて下さい。
そこに文字装飾タグを付け加えてもOKです。
下から13行目に「<html><body>」とあります。
そこに普通にボディタグ要素を付け加えてもOKです。
ただし、そこでタグを開いた場合、必ず後で閉じるのをお忘れなく。
その次の行に「戻る」とあります。
その少し前に「a href="omikuji.html"」と指定されています。
そこにお好きなURLをお書き下さい。
下から5行目がおみくじボタンです。
お好きな場所に配置して下さい。
「御神籤」と書いてある場所には、ボタンに表示させたいお好きな文字を書いて下さい。
|