Battery Status

[Graham Quince]

Here's a cute bit of code that shows that Javascript can read your laptop or Android's battery:

<style>
    .battery_level {
        font-size: 30px;
        font-weight: bold;
        border: 1px solid #cccccc;
        border-radius: 6px;
        padding: 20px;
    }
</style>

<div class="battery_level"></div>


<script>
    var batteryDiv = arguments[0].find('.battery_level');
    
    let isBatterySupported = 'getBattery' in navigator;
    if(!isBatterySupported) {  
        batteryDiv.html('Battery not supported');
    } else {
        let batteryPromise = navigator.getBattery();
        batteryPromise.then(batteryCallback);
        function batteryCallback(batteryObject) {
            var percent = batteryObject.level*100;
            batteryDiv.html('Your battery is at: '+percent+' %');
        }
    }

</script>

Probably not of tremendous use, I suppose you could use to remind students to plug in.

[ADT]

Erm.... thanks! 😜