10次机会 js 猜数_JavaScript实现简单的猜数字游戏

实现效果：

假设要猜的数字为5，要求输入1-10的数字

当输入非1-10的数字时弹出

输入1-10以外的数字.jpg

当输入1-4的数字时弹出

输入1-4的数字.jpg

当输入数字5时弹出

输入5.jpg

当输入数字6-10时弹出

输入6-10的数字.jpg

附上代码：

猜数字

var i=prompt("请输入您猜的数字");

while(i >= 1 && i <= 10){

if(i < 5){

alert("猜小了！");

break;

}

else if(i == 5){

alert("猜对了！");

break;

}

else if(i > 5){

alert("猜大了！");

break;

}

}

while(i > 10){

alert("请输入1-10的数字");

break;

}

while(i < 1){

alert("请输入1-10的数字");

break;

}

后续优化：

为了使游戏一直能进行下去，使用Math对象的random方法来实现每次游戏要猜的数字不同

实现效果：

(1) 用户在输入框内输入的数字与系统产生的1~9的随机数进行对比

(2) 如用户输入的数字与系统随机产生的数字相等，停止弹出输入框

(3) 如用户输入的数字与系统随机产生的数字不相等，则弹出相应的提示信息

582bfb8f0001c8e703060070.jpg

附上代码：

Math.random()

var b = Math.floor(Math.random()*9+1);

do{

var a = prompt("请输入你猜的数字");

if(a > b){

alert("输入的数字大了");

}

else if(a < b){

alert("输入的数字小了");

}

else{

alert("恭喜你猜对了");

}

}

while(a!=b)