javascript - 如何从列表中生成随机值及其结果？

Question

我想要的是，生成一个显示在 h 标签中的随机值，并在另一个标签中显示相对于随机值的良好值。

var first = ['1+2', '10+20', '100+200'];
var second = ['3', '30', '300'];

var first_value = first[Math.floor(Math.random()*first.length)];
var second_value = second[Math.floor(Math.random()*second.length)];

document.getElementById('first_value').innerHTML = first_value;
document.getElementById('second_value').innerHTML = second_value;

目前，一切都是随机生成的，生成的两个值之间没有任何关系。

如果随机选择“10+20”，我想在第二个html标签中显示“30”。

Answer 1

只需存储两个数组的随机索引。

var index = Math.floor(Math.random() * first.length); // assuming same length

document.getElementById('first_value').innerHTML = first[index];
document.getElementById('second_value').innerHTML = second[index];

另一种方法是将同一组的值存储在一个数组中，并将逻辑组放在一起，而不是使用两个不同的数组。

var data = [
        ['1+2', 3],
        ['10+20', 30],
        ['100+200', '300']
    ];
    index = Math.floor(Math.random() * data.length);

document.getElementById('first_value').innerHTML = data[index][0];
document.getElementById('second_value').innerHTML = data[index][1];