Node.js Express 路由：使用颜色循环动态改变网页标题

本示例展示了使用 Express 路由和 JavaScript 代码动态改变网页标题颜色。页面会依次循环显示红色、黄色、绿色、蓝色，并使用对应的颜色显示标题文本。

创建处理路径的 HTTP 请求的快速路由：GET /color.html

通过此路由处理的请求应以包含红色、黄色、绿色或蓝色的 1 级标题的有效网页作为响应。标题文本的颜色应与文本相匹配。

第一次查看该页面时，它应该显示为红色。
在第二次访问时，它应该显示为黄色。
在第三次访问时，它应该显示为绿色。
在第四次访问时，它应该显示为蓝色
在第五次访问时，它应该再次从红色开始。

h1 标题也随之改变内容：以下是可能的实现方式：

const colors = ['red', 'yellow', 'green', 'blue'];
let index = 0;

router.get('/color.html', (req, res) => {
  const color = colors[index % colors.length];
  const title = `<h1 style='color: ${color}'>${color.toUpperCase()}</h1>`;
  index++;
  res.send(`<!DOCTYPE html><html><head><title>${color}</title></head><body>${title}</body></html>`);
});

这个路由处理器使用一个数组来存储可用颜色，以及一个指针来记录当前颜色的索引。每次请求到达时，它会根据当前索引获取下一个颜色，并将标题文本设置为该颜色。然后它会增加索引以准备下一次请求。最后，它会将完整的 HTML 页面作为响应发送回客户端。