乃木坂名言ガチャ
乃木坂名言ガチャを作成しました。
ガチャボタンを押して名言を表示してください。
もう一度ガチャを引きたい場合はガチャるをもう一度
2019/04/30更新
その他おすすめ
カテゴリ別
コードの解説
今回のはこんな感じです。ボタンを押すと配列に格納した、名言画像の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に投稿する+a>'; //#btn2のCSS $('.tweet').css('visibility', 'visible');//ツイートボタン表示 }
リンク