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

Question

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

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;

目前，所有内容都是随机生成的，生成的2个值之间没有关系。

如果随机选择“ 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];