Chomado's Blog
You Are Reading

【JavaScript】凶ばかり引いてつらいので2015年おみくじ作った

0
JavaScript, 日常

【JavaScript】凶ばかり引いてつらいので2015年おみくじ作った


2015年になりました(((o(゚▽゚)o)))
あけましておめでとうございます! 皆様今年もよろしくお願いしますm(_ _)m

目次

  1. 自作2015年おみくじ
  2. 凶ばかり引く
  3. 書いたコード

自作2015年おみくじ

凶ばかり引いてつらいので, 凶が出てこないおみくじを作りました. 本当にとても簡単なものですが皆さんも遊んでみてください. (凶は無いけど大凶はあります)

↓ この『おみくじを引く!』を押してください. (連打OK) (現在種)

2015年のあなたの運勢は…

最初はツイート機能無かった

これ最初は結果ツイート機能無かったんですけど, ツイッターで

とあり, 嬉しくなって会社の昼休み中にツイート機能つけました.

凶ばかり引く

1月1日にスクスト (美少女がたくさん出てくるスクエア・エニックスのスマホゲーム『スクールガールストライカーズ』)で新年のおみくじ引いてみたんです.

ハイ.

その後, 初詣に行って神社でおみくじ引いてきたんです.

この世を捨てろとかお前の人生に希望無い何をやってもダメだから野望も持つなとか本当に救いの無い内容でした

こういうことで, 上の簡単なおみくじ作りました.

書いたコード

簡単なJavaScriptなのですが一応コード載せておきます. (おみくじの内容が一部修正されています)

JavaScript (jQuery)

$(function() {
	// おみくじの中身の配列
	var omikuji = ["凶"];
	// 全何種か表示
	$("#resultLength").text(omikuji.length);
	
	// おみくじボタンが押された時の処理
	$("#getResult").click(function() {
		// 上のおみくじ配列からランダムに1つ選ぶ
		var result = omikuji[Math.floor(Math.random() * omikuji.length)];
		
		$("#result").text(result);
		
		// 以下ツイート機能について
		var tweet_link_url = "https://twitter.com/intent/tweet?text=" 
			+ "2015年の運勢は、" 
			+ result 
			+ "でした!http://chomado.com/blog/diary/omikuji/。" 
			+ "&hashtags=腐女子が作った凶の出ないおみくじ2015";
			
		var tweet_link = "<a href='" 
			+ tweet_link_url 
			+ "' target='_blank'>結果をツイートする</a>";
			
		$("#tweet_result").html(tweet_link);
	});
});

HTML

↓ この『おみくじを引く!』を押してください. (連打OK) (現在<span id="resultLength"></span>種)
<input type="button" value=" おみくじを引く! " id="getOmikuji" />
2015年のあなたの運勢は... <u><span id="result" ></span></u>
<div id="tweet_result"></div>

こんなかんじです!


Madoka Chomado (ちょまど)

千代田まどかです。よく「ちょまど」と呼ばれます。Microsoft 社員。文系出身プログラマ兼マンガ家です。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です