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

HTML勉強メモ

HTMLやJavaScriptなどのことについて書いています。

おみくじを作る方法

JavaScript

おみくじを作る方法について

サイコロを作った際に使用した、「Math.floor(Math.random()」とif文を使うことでおみくじを作ることができる。

サイコロを作った記事
htmlst.hatenablog.jp
htmlst.hatenablog.jp

スポンサーリンク



表示場所に表示する方法

ボタンを押すと「表示場所」におみくじの結果が表示される。

<form><input type="button" value="おみくじ" onClick="random()"> 
<span id="omikuji">表示場所</span></form>

<script type="text/javascript">
function random() {
var rand = Math.floor( Math.random() * 5) ; //おみくじの目の生成
        if (rand == 0) msg = "大吉";
	if (rand == 1) msg = "中吉";
	if (rand == 2) msg = "小吉";
	if (rand == 3) msg = "吉";
	if (rand == 4) msg = "凶";
document.getElementById("omikuji").innerHTML = msg; //おみくじの目の出力
}
</script>

表示例


表示場所


まとめ

・「Math.floor(Math.random()」とif文を使うことでおみくじを作ることができる。

スポンサーリンク



読まれている記事
htmlst.hatenablog.jp
htmlst.hatenablog.jp
htmlst.hatenablog.jp