ランダムのメッセージが表示されない

Question

前提・実現したいこと

ランダムにメッセージを表示させたい。なぜか表示されない。

発生している問題・エラーメッセージ

なし

該当のソースコード

var lists=[
    '<div>test1</div>',
    '<div>test2</div>'
  ];
  var rNo = Math.floor(Math.random() * lists.length);
  var cc =  document.getElementsByClassName('random');
  if(cc.length) {
    cc.innerHTML = lists[rNo];
  }

<div class="random">
</div>

試したこと

なぜ動かないのか分からなくてお手上げです。

var texts = {
    "text1": "hello",
    "text2": "there",
    "text3": "ObiWan"
  };
  var randomNumber = Math.floor(Math.random() * 3) + 1; //creates random No. from 1 - 3
  console.log(randomNumber)
  document.getElementsByClassName("random").innerHTML = texts['text${randomNumber}'];

これも動きませんでした。（コンソールに数字は出る。）

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

var lists = [
    '<div>test1</div>',
    '<div>test2</div>'
  ];
  var rNo = Math.floor(Math.random() * lists.length);
  var cc =  document.querySelector('.random');
  cc.innerHTML = lists[rNo];
  console.log(lists[rNo]);

で出来ました。