使用 Express.js 路由动态改变页面标题颜色

使用 Express.js 的 router.get 方法实现一个基本网页，显示包含颜色名称的 1 级标题，并以该颜色显示。

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

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

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

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

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

router.get('/color.html', (req, res) => {
  const color = colors[currentColorIndex];
  const html = `
    <html>
      <head>
        <title>${color}</title>
      </head>
      <body>
        <h1 style='color: ${color}'>${color}</h1>
      </body>
    </html>
  `;
  res.send(html);

  currentColorIndex = (currentColorIndex + 1) % colors.length;
});

这个路由处理器将在路径 /color.html 上响应 GET 请求。它首先从颜色数组中获取当前的颜色，然后使用它来生成 HTML 响应。HTML 中的标题和标题文本都使用该颜色。最后，它将 HTML 响应发送回客户端，并将当前颜色索引更新为下一个颜色的索引，循环到颜色数组的开头。