アプリ屋になりたいブログ

アプリ屋になりたいブログ

アプリの開発と仕事の効率化について紹介するブログ

乃木坂46 名言ガチャ

乃木坂名言ガチャ

乃木坂名言ガチャを作成しました。

ガチャボタンを押して名言を表示してください。

もう一度ガチャを引きたい場合はガチャるをもう一度

2019/04/30更新

その他おすすめ

www.apnari.com

www.apnari.com

www.apnari.com

www.apnari.com

www.apnari.com

www.apnari.com

www.apnari.com

www.apnari.com

www.apnari.com

f:id:bocbocmm6:20190425053737p:plain

コードの解説

今回のはこんな感じです。
ボタンを押すと配列に格納した、名言画像のURLが表示される仕組みです。 特に解説するほどのものでもないですね(笑)
var tweet_hashName = "乃木坂名言ガチャ";//twitterのハッシュ
var PageURL ='https://www.apnari.com/entry/NogiGacha';//Twitterに貼る記事のURL
//結果の表示
var getNum = function(){//ランダムの整数を返す 範囲は名言配列の長さ分
    return Math.floor(Math.random() * Meigen.length);
};
function showResult() {//結果を表示
    var Num = getNum();
	var Tweetstr = "【乃木坂名言ガチャ】%0a%0a";//ツイート内容
    var twipicURL = Meigen[Num][0];  //今回は使ってない
    var printmeigen =MeigenStr[Num];//Twitterで表示する名言文言
    Tweetstr +=printmeigen+PageURL+' %0a'+' &hashtags='+tweet_hashName+' %0a';//twitterで表示する文言やハッシュタグをひたすらに貼り付け
    document.getElementById("resultImageArea").innerHTML = Meigen[Num][1];
    document.getElementById("tweet-btn").innerHTML = '<+a id="btn" href="http://twitter.com/share?text=' + Tweetstr +'" target="_blank">結果をTwitterに投稿する';
        //#btn2のCSS
    $('.tweet').css('visibility', 'visible');//ツイートボタン表示
}