JSFiddle - React, Tailwind, and code Playground

by 0GiS0

JavaScript

//#region "Compatibility"
var battery = navigator.battery || navigator.mozBattery;
//#endregion

if (battery) {

    var level = battery.level * 100;
    var dischargingTime = Math.round(battery.dischargingTime / 60);
    var chargingTime = Math.round(battery.chargingTime / 60);
    var IsCharging = battery.charging;

    log("Battery Level: " + level + "%");
    log("Discharging in " + dischargingTime + " minutes");
    log("Charging in " + chargingTime + " minutes");
    log("Is It Charging? " + IsCharging);
    
     //Handlers
    battery.addEventListener("levelchange", function () {
        level = battery.level * 100;
        log("Battery level is changed to: " + level + "%");
    });

    battery.addEventListener("chargingchange", function () {
        if (battery.charging)
            log("Charging");
        else
            log("Not charging");
    });

    battery.addEventListener("chargingchange", function () {
        chargingTime = Math.round(battery.chargingTime / 60);
        log("Charging time is changed to: " + chargingTime + " minutes");
    });

    battery.addEventListener("dischargingtimechange", function () {
        dischargingTime = Math.round(battery.dischargingTime / 60);
        log("Discharging time is changed to: " + dischargingTime + " minutes");
    });
}