Question

js中怎么让一个随机数在进入网页中只随机一次

function didi(){
var a=document.getElementById("t1").value;
var c=Math.floor(Math.random()*11);//我只想这个随机数在网页运行的时候运行一次；
if(a==c){
alert("恭喜你，答对了");
}else if(a<c){
alert("太小了");
}else if(a>c){
alert("太大了");
}
}

Answer 1

你好，

根据你的需求描述，我的理解是“当进入（刷新）页面时，如果随机数不存在，则创建随机数，否则使用已存在的数字”。

如果是这样，那可以考虑使用本地存储（localStorage）将随机数存储起来：

var randNum = localStorage.getItem('randNum'); // 从本地存储中获取数字
if (randNum === null || isNaN(randNum)) { // 如果randNum不是一个数字
    randNum = Math.floor(Math.random() * 11); // 创建随机数
    localStorage.setItem('randNum', randNum); // 将数字存入本地存储
}
// 使用数字
console.log(randNum);
// 删除该数字可使用localStorage.removeItem('randNum')
// 也可以“开发者工具 -> Application -> Local Storage”手动删除

诚然，这样可以解决单一浏览器访问的问题。但是如果用户使用两个浏览器，还是会有问题。

所以，最好的方式是创建好随机数后存在服务端，页面刷新的时候先异步从服务端获取数字。这样可以解决跨浏览器的问题。

希望能解决你的问题，有疑问可追问。

Answer 2

var c=Math.floor(Math.random()*11);定义到外部域吧，或者直接定义成全局变量

Answer 3

let c 就好了