web関連

【javascript・jQuery】アクセスするごとにランダムで表示を変える方法

【javascript・jQuery】アクセスするごとにランダムで表示を変える方法

単純にランダムで何かを表示するという事をやってみたかった時の備忘録

jQueryを使ってランダムでテキストを表示

HTMLファイルに貼りつける

<div class="random"></div>
…
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
jQuery(function($){
    var items = ['1番目','2番目','3番目'];
    rand = items[Math.floor(Math.random()*items.length)];
    $('.random').text(rand);;
});
</script>

javascriptでランダムでテキストを表示

HTMLファイルに貼りつける

<div class="random"></div>
…
<script>
    var items = ['1番目','2番目','3番目'];
    rand = items[Math.floor(Math.random()*items.length)];
    target = document.querySelector(".random");
    target.innerHTML = rand;
</script>
「querySelector()」に.(ドット)指定し忘れててinnerHTMLがエラー吐いてた…
気をつけないと…
仕事でwordpress使ってるからjqueryやjavascriptで配列を書こうとするとarray()と癖で書いちゃう []でもphpの配列かけるけど癖でね