请帮我做一个单词消消乐的网页,整体界面风格可爱华丽。网页离线也能运行,因此最好不要引用第三方库。 示题是“单词消消乐”,点击标题可以修改标题文字。标题下方是一排菜单,再往下是个【耗时:秒数】,用来实时显示开始游戏消耗的秒 菜单第一个控件是个调节单词数量的滑块,最小值是5对,最大值是50对,左右可以滑动。滑动的过程可以实时显示数值,然后在单词面反增加和减少对应的单词(如果没有上传单词表则忽略) 第二个控件是【导入词表】按钮,点击可以选择导入exce1单词表,exce1表格第一列是单词,第二列是对应的答案。导入单词表将所有。 司组成一个二维数组列表,然后打乱单词的原有顺序,开始根据当前滑块的数值从中选择对应数量的单词,显示在单词面板。 第三个控件是【开始游戏】按钮,点击判断有没有单词列表数据,没有提示上传单词表!有则解锁单词面板,开始单词消消乐,并目把按#文本改为“重新开始(重智词汇)“,单词面板位于【耗时:秒数】下方居中,一排显示10个带有圆角的单词方块,每个方块之间有间拒,每个方块的背景色随机(粉色、绿色、紫色、橙色、棕色、蓝色),中间显示单词或者答案的文本,字体颜色可以是白色,比如:如果滑块的值是10对,那就会显示20个方块,单词面板就有2排方块,以此类推。点击开始游戏则开始计时消耗的秒数。或对点击,每第二次点击单词方块则判断跟上一次点击的方块是不是匹配,是则从单词面板里消除,有华丽的消除动画。不是则有红色湖变动效快速显示。全部消除则停止计时,弹出一个模态框,显示消耗的秒数,以及【继续挑战】按钮,点击【继续挑战】则从单词数组歹表里往后拿出对应滑块数量的单词,在单词面板重新显示。比如之前已经拿了20对单词,数组索引是0~19。继续则从20~39的索引开始获取,如果数量不足则按剩余数量获取,剩8则重新开始获取。若再次点击【开始游戏/重新开始(重置词汇)】,则重新打乱单词数组列表,始终从第一个位置(数组索引是8)开始拿当前滑块数量的单词。 每次上传单词表后组成的二维数组列表、修改的标题文本都存储在浏览器1oca1storage里,下次打开网页不需要重新上传单词表。