随着代码片段区域的设计“完成”，我们现在可以进入一些交互性（即 JavaScript）。
我们为左侧链接添加了一个非常简单的悬停效果，只是为了有个东西，但我们知道稍后会更改它。然后我们开始编写一些 JavaScript 代码。首次访问页面时，第一个类别（HTML）将处于活动状态。活动状态表示 HTML 列表项上具有“active”类。CSS 会影响该类，赋予其 z-index 值，这会在视觉上将链接提升到阴影之上，并将其连接到分隔两列的实色线。
诀窍在于，当您点击不同的类别时，需要删除当前活动类别的 active 类，并将其应用于新点击的类别。这实际上非常简单，只需在仅在此页面加载的脚本中使用几行 jQuery 即可。然后，右侧列中的代码片段列表需要显示正确的链接集，这同样只是一些类更改和简单的显示/隐藏操作。
现在剩下的就是为各个代码片段的页面设置样式。