Javascript 如何更改此代码块中的字体大小和字体颜色？

我是JS的新手，正在做一个项目。这是迄今为止的网站（），当你点击等号时，它会生成一个随机引用

如何增加引号的字体大小并使文本居中

我还希望每次生成新报价时，报价的颜色都会改变，但我不知道如何更改。这是一项作业，所以如果有人知道如何使用循环，我将不胜感激（我会得到更高的分数）。提前谢谢

//选中时显示下拉列表
//单击此按钮可显示和隐藏所有四个数学运算符
//用户可以选择他们喜欢的操作员
函数selectOperator（）{
var menuList=document.getElementById（“menuList”）
document.getElementById（“列表”）.value=menuList.options[menuList.selectedIndex].text；
}
//单击等号时将显示以下引号。
变量引号=[
“尽量不要兜圈子，这没什么意义。”，
“你点击了等号。他很谦虚。他不比任何人差，也不比任何人差。”，
“我爸爸整个夏天都在海滩上度过。他是个皮肤黝黑的人。”，
“那四人不吃午饭，因为他们已经八岁了，傻瓜！”，
“好吧，很明显，数学不是你的事。没关系。没必要哭。”，
“不要为平行线感到难过，因为它们永远不会相遇。它们是社交距离方面的专家。”，
“检查你的角度。他们无法获得贷款，因为他们的父母不会余弦。”，
“哦，我明白了！你的植物讨厌数学，因为你告诉它们数学会给它们平方根。”，
“你一本接一本地查数学书。坏主意。他们有自己的问题！”，
“这个网站就像一个钝角三角形，永远不对！”，
“提防任何拿着画纸的人。那些人总是在策划一些事情。”，
“谣传你的老数学老师有一条最喜欢的蛇。它是皮马拉松。”，
“见见我的双胞胎宝宝。他们的名字都是抛物线，他们只喝二次方程式。”，
“一个甜点对另一个说了什么？我是一个可爱的3.14。”，
]
//这将生成随机引号。
函数nextQuote（）{
var randonNumber=Math.floor（Math.random（）*（quotes.length））；
document.getElementById（'RandomQuoteGenerator'）。innerHTML=quotes[randonNumber]；
}

正文{
背景色：#eae7dc
}
h1{
颜色：#e85a46；
文本对齐：居中；
边缘底部：120px；
}
#第一节{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
柔性包装：nowrap；
对正内容：空间均匀；
宽度：100%；
边缘底部：40px；
}
#随机引数发生器{
宽度：80%；
高度：150像素；
背景色：#e98074；
左边距：120像素；
对齐项目：居中；
}
#框1{
宽度：300px；
高度：100px；
边框：1px纯黑；
}
#框2{
宽度：300px；
高度：100px；
边框：1像素纯黑；
}
#月经学家{
背景色：#3498DB；
颜色：白色；
填充：16px；
字体大小：16px；
边界：无；
光标：指针；
证明内容：中心；
}
.下拉菜单{
显示：内联；
位置：相对位置；
}
.选择{
显示：无；
位置：绝对位置；
背景颜色：浅灰色；
溢出：自动；
z指数：1；
}
#菜单列表选项{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
#报价按钮{
左缘：48%；
边缘底部：20px；
宽度：80px；
}

你能解决这个问题吗？
免费在线数学解决方案
选择一个操作符
+
-
x
/
=
在添加新引号的javascript代码中，还需要添加代码来更改元素的css文本颜色属性。您可以使用随机数，这是您在代码的其他地方使用的。
添加此
字体大小：30px到css中的
#RandomQuoteGenerator
：

#randomquotegenerater {
  width: 80%;
  height: 150px;
  background-color: #e98074;
  margin-left: 120px;
  align-items: center;
  font-size: 30px;
}

要添加随机颜色，请执行以下操作：

function nextQuote() {
  const randomColor = Math.floor(Math.random() * 16777215).toString(16);
  var randonNumber = Math.floor(Math.random() * (quotes.length));
  document.getElementById('randomquotegenerater').innerHTML = `<span style="color:#${randomColor};">${quotes[randonNumber]}</span>`;
}

如果您注意到
rgb
的
white
值，您将看到它是
rgb（255，255，255）
。这里的所有颜色
255
是所有颜色的最大值-红色、蓝色、绿色

因此，当我们将
Math.floor（Math.random（）*16777215）
与这个数字相乘时，会得到一个小于白色的数字，因为白色是最大值

现在，
.toString（16）
您可能希望而不是
对齐项目，这是什么。您想如何更改大小和颜色？每个报价单都有特定的大小和颜色，还是随机的？另请参见。@showdev我更新了它…太棒了！我还可以使用
display:flex在
#randomQuoteGenerator
中“居中显示文本”；证明内容：中心；对齐项目：居中；文本对齐：居中@ManasKhandelwal谢谢你！只有一个问题。你能解释一下你写的随机颜色引用吗？你是如何得到（*16777215）。toString（16））的？我只是想了解它，这样我才能变得更好。就像我说的，我是JS新手。@irie我添加了一些解释，希望能有所帮助。。。如果你需要帮助，请告诉我✌
console.log((16777215).toString(16)); //ffffff