（一）布局
猜前 -> 猜后
（二）明确实现功能和具体实现：
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>。