JavaScript实现简单的猜数字游戏

实现效果:

假设要猜的数字为5,要求输入1-10的数字
当输入非1-10的数字时弹出


JavaScript实现简单的猜数字游戏_第1张图片
输入1-10以外的数字.jpg

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


JavaScript实现简单的猜数字游戏_第2张图片
输入1-4的数字.jpg

当输入数字5时弹出
JavaScript实现简单的猜数字游戏_第3张图片
输入5.jpg

当输入数字6-10时弹出
JavaScript实现简单的猜数字游戏_第4张图片
输入6-10的数字.jpg

附上代码:




    
    猜数字


    


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

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

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

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


JavaScript实现简单的猜数字游戏_第5张图片
582bfb8f0001c8e703060070.jpg

附上代码:




    
    Math.random()


    


你可能感兴趣的:(JavaScript实现简单的猜数字游戏)