人生只有900个月

今天看了一遍文章 人生只有900个月 文中有句话: 事实上，你可以画一个30x30的表格，一张A4纸就够了。每过一个月，就在一个格子里打钩。你全部的人生就在这张纸上。你会因此有一个清晰的概念：你的人生是如何蹉跎的

于是突发兴致 那么就利用js 实现这么一张A4纸 首先新建一个html body内：

    </table>
    <p id="p"></p>

css：

        border-style:none;
        border-collapse:collapse;
        width: 500px;
        height: 500px;
      }
      table td{
         border: 1px solid #ccc;
         font-size: 12px;
      }
      .active{
        background: red;
      }

js:

      let a = prompt("请输入年龄")
      let nums = a*12
      let count= 0
      for(var i = 0; i<30; i++){
        let tr = document.createElement('TR')
         for(var j = 0; j<30; j++){
           count++
          let td = document.createElement('TD')
          td.innerHTML = count
          td.className = count<nums?"active":''
           tr.appendChild(td)
         }
        table.appendChild(tr)
      }
      p.innerHTML = `您已活了${nums}月 还剩${count-nums}月可以活呢`
    }
   

大概思路就是页面加载时弹出框输入年龄 然后计算 for渲染出table 判断对比改变雷鸣就这样吧啦吧啦 大功告成了 最终样子：