过去我只做过大部分前端的事情。HTML/CSS，我正在尝试制作需要一些脚本的东西，但我什至不知道从哪里开始寻找。
基本上我想做的是以下几点。
我想要 3 个骰子，当刷新页面或按下按钮时，可以随机显示一个面，面是 1-6，每个骰子都有不同的颜色，每个面和每种颜色都有一组链接到的描述.
所以假设我刷新页面，我希望每个骰子显示不同的面孔。
然后在每个模具下面有多个部分，因此：
Red Die 6：（从 6 个列表 A 中随机描述）
Green Die 2：（从 6 个列表 B 中随机描述）
Black Die 4：（从 6 个列表 C 中随机描述）
是否可以从将要经常更改的 XML 文件中提取这些描述？
它们可以显示在自己的可折叠/可扩展 DIV 中以设置文本样式吗？
我不知道这是否太复杂并且超出我的想象。
这应该不是很复杂。这是一个非常基本的 JSFiddle：http: //jsfiddle.net/gUq7B/
对于 HTML，我们有 3 个段落标签，我们将使用它们来显示骰子。这些可能是 div 或图像或您最终将在您的网站上使用的任何其他内容。
<p id="dice1"></p>
<p id="dice2"></p>
<p id="dice3"></p>
接下来，我们将要使用 Javascript 声明我们的随机变量（为简单起见，我有 3 个单独的变量，但在生产中您可能希望创建一个函数来产生随机数）：
var dice1rand = Math.floor((Math.random()*6)+1);
var dice2rand = Math.floor((Math.random()*6)+1);
var dice3rand = Math.floor((Math.random()*6)+1);
然后我们可以设置段落来显示值：
document.getElementById("dice1").innerHTML = dice1rand;
document.getElementById("dice2").innerHTML = dice2rand;
document.getElementById("dice3").innerHTML = dice3rand;
最后我们可以添加一些逻辑规则来设置段落元素的 CSS。这是使用 JQuery 设置背景颜色的示例：
if (dice1rand === 1) $("#dice1").addClass("red");
if (dice2rand === 2) $("#dice2").addClass("green");
一旦你得到它的工作，你可以用一个函数来切换 CSS 逻辑，从你的 XML 文件中获取数据。