アイコンをランダムにしゃべらせる

こんなかんじでロゴをホバーしたらランダムに喋らせる試み
ホバーするたびに内容が変わるようになっている

開発環境

ruby 2.6.5
Ruby on Rails 5.2.5

前提

jQuery を導入している
喋らせたいロゴをつくってある

本題

吹き出しは以下を参考にした

ランダムに喋らせる JS のスクリプトは以下

js

document.addEventListener("turbolinks:load", function(){
  $('.sample').hover(function() {

      let lists=[
            喋らせたい内容を配列でいれる
          ];
      let rNo = Math.floor(Math.random() * lists.length);
      let rSt = lists[rNo]
      this.lastChild.innerHTML = rSt
  
　　});
});

View は以下

view

             li.sample 
                = link_to image_tag("/logo.png", class: ""), home_path, 
                .box
                  p.text
                    |クリックしてもジャンプしません

li のホバーにイベントをつけてやって、
ホバーする度にランダムの数を生成し、DOM操作で書き換える