我需要在.js文件，.html和.css文件之间传递变量。我该怎么做呢？

Question

我的脚本中有三个文件。该脚本的目的是从设备（工作正常）中取出电池将其显示在我的背景上（也正常工作），然后根据电池电量（不起作用）更改颜色。

这些是有问题的三个文件：

Battery.js

Background.html

和style.css

在我的Battery.js中，我有一个计算方法，用于计算手机中剩余的电量。定义：“水平”。

if (level>=50) {
rb=0;
gb=240;
bb=240;
}
if (level <50) {
rb=100;
gb=140;
bb=140;
}
if (level <20) {
rb=230;
gb=30;
bb=30;
}

基本上我有三个变量（rb，gb和bb），它们都是“rgb（r，g，b）”代码的颜色代码。我将输入“rgb（rb，gb，bb）”。

在同一个battery.js文件中，我有这个代码，用于定义电池的计算方式并显示在屏幕上：

$("#battery").html(level+'%');

在我的style.css文件中，我有：

#battery{
    font-size: 25px;

在Background.html内部我有两个代码块：

<script type="text/javascript" charset="utf-8" src="Scripts/battery.js"></script>

和

<p id="battery"></p>

如果我放置

color: rgb(rb,gb,bb);

在style.css的适当位置，没有任何反应。

如果我将相同的代码放在background.html中，就像这样：

<font color="rgb(rb,gb,bb)">
    <p id="battery"></p>
</font>

也没有发生任何事情。如何使变量跨越文件，以便我可以将电池的颜色更改为三种不同的颜色，具体取决于“级别”等于什么？我已经尝试了每个脚本的组合，但在修改别人的代码时，我是一个完整的frootloop。你能帮我吗？提前谢谢！

Answer 1

使用三种颜色制作三个CSS类。

在条件中使用js更改元素的类。以下是如何操作：Change an element's class with JavaScript