从数组中更改随机选择[重复]

Question

我目前正在创建一个从数组中随机选择一个值的抽认卡系统。

不过，我还想要另一个按钮“switchBtn”来更改显示的随机值。

有没有办法做到这一点？

当前代码：

var kanaArray = ["あ","い","う","え","お","か","き","く","け","こ","さ","し",
"す","せ","そ","た","ち","つ","て","と",
"な","に","ぬ","ね","の","は","ひ","ふ","へ",
"ほ","ま","み","む","め","も","や","ゆ","よ","ら","り","る",
"れ","ろ","わ","を","ん"]

var kanaPassed = []

let kanaShown = kanaArray[Math.floor(Math.random()*kanaArray.length-1)];

//logic

var started = false;


// kana buttons queries
$(document).ready(function(){
    $(".startBtn").click(function(){
        started = true
        $('.startBtn').css("visibility", 'hidden');
        $('.switchBtn').css("visibility", 'visible');
        $('h3').text(kanaShown);
        $('h3').css("visibility",'visible')
        console.log(started)
    })
});

$('.switchBtn').click(function(){

    });

Answer 1

您具有从数组中检索随机假名的逻辑。您需要做的就是将该逻辑放入一个函数中并在两个按钮单击事件上调用它：

var kanaArray = ["あ", "い", "う", "え", "お", "か", "き", "く", "け", "こ", "さ", "し",
  "す", "せ", "そ", "た", "ち", "つ", "て", "と",
  "な", "に", "ぬ", "ね", "の", "は", "ひ", "ふ", "へ",
  "ほ", "ま", "み", "む", "め", "も", "や", "ゆ", "よ", "ら", "り", "る",
  "れ", "ろ", "わ", "を", "ん"
]
let getRandomKana = () => kanaArray[Math.floor(Math.random() * kanaArray.length - 1)];

// kana buttons queries
$(document).ready(function() {
  $(".startBtn").click(function() {
    $('.startBtn').css("visibility", 'hidden');
    $('.switchBtn').css("visibility", 'visible');
    $('h3').text(getRandomKana()).css("visibility", 'visible')
  })

  $('.switchBtn').click(function() {
    $('h3').text(getRandomKana());
  });
});

h3 {
  visibility: hidden;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="startBtn">Start</button>
<button class="switchBtn">Switch</button>

<h3></h3>