js写guess网页

（一）布局

          

　　　　　　猜前                            ->                         猜后

（二）明确实现功能和具体实现：

1、网页生成一个随机数，生成的随机数与输入的数进行大小比较。

　　1.1输入的数进行判断，对输入字符串、范围在[0,100)外的值界面提示数值不符合，请重新输入。

2、点击“猜”，实现点击前不变色，点击后变色。

3、随机数与输入值进行比较，大了提升“big.png”图片，小了提升“small.png”图片，中了提示"win.png"图片。

　　3.1一开始图片不显示（display或opacity属性设置）。

　　3.2提示的图片是根据数比较的结果对应显示。

4、在提示图片下方显示出猜了多少次数和输入的数的数值。

　　4.1使用点击事件，设置点击一次添加一次<p>标签或者最后添加</br>换行符号。

　　4.2使用点击事件，设置点击一次克隆一个<li>标签，具体创建节点将输入值存入，再在相应的<ul>标签克隆<li>。

转载于:https://www.cnblogs.com/xiaochen-cmd-97/p/11173564.html