Javascript 如何像这样使用navigator.GetBattery？

我正在尝试将navigator.GetBattery用于基于HTML、JS和CSS的操作系统，有什么方法可以改变吗

<span class="material-icons">
battery_full
</span>

电池已满

到

电池电量已满

当用户为其移动设备或笔记本电脑充电时？ 此外，如果用户使用的设备没有电池或直接插入墙壁，我是否也可以将电池图标更改为

<span class="material-icons">
battery_unknown
</span>

未知电池组

---

如果您能提供帮助，请使用一些代码回复。getBattery（）在现代浏览器中现在和现在都不受支持。是的，我正在当前的代码中使用它。我已更正-在一些现代浏览器中，包括Firefox和Safari，不再支持它。不推荐使用！=删除了@jacoblockwood，但由于它已被弃用，您不应该编写需要它的新代码。使用替换API。

<span class="material-icons">
battery_unknown
</span>