javascript - HTML/Js 中 RPG 字符表的某种计数器

Question

嗨哟，

我是 HTML 和 Javascript 方面的新手，但为了更好地可视化，我甚至为桌面 RPG 构建了工作字符表。当然，它缺少我想要的一切，但它是一个简单的原型，可以帮助我可视化一些东西。

大多数情况下，它只是我放置属性和技能的单选按钮。

https://i.ibb.co/w6jdyJ6/my.jpg - 像这样

如您所见，这很简单。如果我在第 4 点加上一个点，我看不到以前的点也是彩色的 - 我明白为什么。

这是一件小事，但我想做的是帮助自己可视化点分布（因为我数学不好，而且非常有帮助）。我的意思是我想要一个框，我可以在其中输入一个数字，该数字决定了我可以在它们的属性点中输入多少点并将其计算在内。

我有 8 个字符属性，每个点有 5 个点来花费积分。每个点的成本如下：第一个点 - 1 个点，同一行中的第二个点 - 2 个点，同一行中的第三个点 - 3 个点，以及很快。这意味着如果我从截图中选择一个属性，比如敏捷，并想在其中放置 3 个点以将其升级到 3 级，我总共需要 6 点 (1+2+3)

我正在考虑类似一个单独的字段，例如我可以在其中放置 30，然后，每当我从字符表中添加/删除点时，这个数字会变得更低/更高。供参考https://drsharky.github.io/VTMsite/#!/creator - 在这里，从 Physical/Social/Mental 上方的下拉列表中选择任何内容，以了解您需要花费多少积分以及何时花费它们

https://i.ibb.co/dfCWNcX/notmy.jpg - 至少它应该看起来或计数的方式。

任何人都知道如何实现这样的计数器和/或彩色的全点进度，而不是像我的例子中那样？这样做会更容易，所以当我考虑角色进展的各种变体时，我可以将数字扔到池中，然后通过添加/删除点来查看它们如何下降/增加，以了解数字是否合适

标签： javascripthtml