読者です 読者をやめる 読者になる 読者になる

cutmail's blog

write the code

Google Gadget上でいろいろやってみる2

google gadget

前回は足し算スクリプトなる、足し算ガジェットを作ってみましたが、今回もjavascriptとgadgetの勉強という名目のもといろいろ作ってみたいなーと。

今回はおみくじgadget。
ソースはこんな感じです。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="おみくじ" />
<Content type="html">
<![CDATA[
<script type="text/javascript">
function fortune(obj){
     var message = new Array(4);
     message[0] = "大吉!";
     message[1] = "小吉";
     message[2] = "凶";
     message[3] = "大凶…";
     var rand = Math.floor( Math.random() * 4 );
     obj.box1.value = message[rand];
}
</script>
</head>
<body>
<h1>おみくじプログラム</h1>
<div class="form">
<form name="frm1" action="" method="">
<input type="text" name="box1" value="今日の運勢は…" />
<input type="button" name="calc_btn" value="占う" onclick="fortune(this.form);" />
</form>
</div>
]]>
</Content>
</Module>

これをインポートしてやると、こんな感じに表示されます。
f:id:invent:20081208141922p:image

やべーすごい簡単。
ということでもう少し難しいことできたらいいなと。