linwh8的博客

效果图如下：下面来讲讲我的思路： 简单的说就是利用HTML与CSS制作出一个计算器的外观，然后通过js来实现用户与计算器之间的交互，进而实现简单的计算。对于HTML： According to semantic HTML, I use <bottom>to represent every button, using <input> to display the result.对于CSS: I

注：本人网页项目github：linwh8需求规格： 1.UI(10分)： UI与效果图完全一致；或者，自由发挥，设计出更加漂亮、合理的UI(可以使用其他图片)； 2.正常移动(20分)： 点击空白旁边的图块，图块移动空白处。点击其他图块，不会移动； 3.图块图片正常(20分)：无论如何移动 ，每个图块上的图片都保持不变； 4.拼图结束(10分): 当拼回原图时，提示用户游戏获

github地址：小威威的github1.迷宫项目要求： 需求规格（50分） UI（10分）：UI与上图完全一致；或者，自由发挥，设计出更加漂亮、合理的UI。 正常赢（10分）：移动鼠标，从S开始，到E结束，中间不碰墙，赢得游戏，显示“You Win” 碰墙输（10分）：从S开始后，到E结束之前，碰墙，墙变红，输，显示“You Lose” 重置结果（10分）：离开迷宫，墙

注：我只是为了说明点击按钮页面刷新的问题，并不是指这一功能有缺陷。下面我会举出我遇到的例子。上图是我制作的一个很简易的HTML表单。当我按下全选按钮时，发现有一瞬间全部项目打上勾，但是立马所有勾就消失了。当时感觉很奇怪，在怀疑是不是js的代码出现错误了，可是经过自己核对没有发现什么错误。于是我就打开了Chrome的调试器，输入以下内容： 运行后第一个选项能正常被打勾。然后我点击了全选按钮，调试器里