很多人一听到“写代码”就头大，觉得那是高智商人群玩的奢侈品。其实扯淡，我当初刚入行那会儿，连HTML标签都记不全，满脑子都是怎么让那个破按钮点击后能弹个窗。现在回头看，利用js做简单的网站，根本不需要你精通算法，也不需要你背下整个MDN文档。你只需要懂点逻辑，剩下的就是复制粘贴加一点点调试。
我有个朋友，做实体店的，想搞个活动页面。找外包？报价五千起步，还得等三天。他问我能不能自己弄，我说行啊，只要你会用记事本。最后他花了两个小时，搞了个能抽奖的H5页面，虽然丑了点，但功能跑通了。这就是利用js做简单的网站的魅力，门槛低，反馈快。
别去碰那些复杂的框架，Vue、React先放一边。对于新手或者只是想做个小工具的人来说，原生JS才是王道。你就拿一个空的index.html文件，里面写个div，再写个script标签，里面写几行代码。比如，你想做个点击变色的小游戏。
就这么几行，你点一下，盒子就变蓝了。是不是很简单？别嫌这太基础，很多复杂的交互，拆解开来都是这些原子操作。我见过太多人，一上来就想搞个大新闻，结果连DOM元素都找不到，debug半天发现是变量名拼错了。这种低级错误，在利用js做简单的网站过程中太常见了，但也是最容易解决的。
有个坑得提醒下，就是作用域问题。我上次帮同事改bug，他定义了一个全局变量，结果在函数里又定义了一个同名的局部变量，结果怎么调都不对。查了半小时才发现是变量遮蔽了。这种细节，书本上写得含糊，只有你亲自踩坑才知道有多疼。所以，别怕报错，报错信息就是你的老师。Chrome浏览器的控制台，是你最好的朋友。
还有人问，不用框架真的行吗？行！当然行！只要你的页面逻辑不复杂，数据量不大，原生JS完全hold住。反而因为少了框架的抽象层，你更能理解浏览器到底在干什么。比如事件冒泡，你在原生JS里写多了，自然就懂了，不用去背什么“事件委托”的概念。
我常跟徒弟说，别追求代码的优雅，先追求能跑。能跑的东西，才有优化的价值。我见过太多人，为了写个“优雅”的链式调用，把代码写得像天书，最后连自己都看不懂。这种风气得改改。利用js做简单的网站，核心是解决问题，不是炫技。
另外，别忽视CSS。虽然咱们聊的是JS，但页面长得太丑，用户体验也会大打折扣。哪怕你用点内联样式，或者简单的class切换，也比一片空白强。我见过一个项目，JS写得飞起，但布局全靠margin调，稍微换个屏幕尺寸就乱套。这种代码，看着累，维护更累。
最后，分享个小技巧。当你不知道某个API怎么用，别去翻厚厚的书，直接去搜“MDN + 你的需求”。MDN的文档虽然厚，但例子多，复制下来改改就能用。别怕抄代码，程序员都是从抄代码开始的。关键是你要理解每一行为什么这么写。
总之，别被那些高大上的术语吓住。利用js做简单的网站，其实就是把想法变成现实的过程。你有一个点子，用代码把它实现出来，看着它跑起来，那种成就感，比打十局游戏都爽。别犹豫，打开你的编辑器，从hello world开始，或者从让一个div变色开始。动手吧，别光想。
（注：刚才打字太急，把“冒泡”打成了“冒跑”，大家见谅，意思一样。还有那个“MDN”有时候手滑打成“MDN.”带个点，不影响阅读哈。代码里的this指向有时候确实让人头大，但我相信你们能搞定。）
