Added hardware info

This commit is contained in:
z0ccc 2021-06-05 20:08:49 -04:00
parent 3e77532af6
commit ecd633f108

View file

@ -7,12 +7,33 @@ const App = () => {
document.getElementById( document.getElementById(
'screenSize' 'screenSize'
).innerHTML += `Screen resolution: ${window.screen.width}x${window.screen.height}`; ).innerHTML += `Screen resolution: ${window.screen.width}x${window.screen.height}`;
navigator.getBattery().then((battery) => {
document.getElementById(
'batteryLevel'
).innerHTML += `Battery level: ${Math.round(battery.level * 100)}%`;
document.getElementById(
'batteryStatus'
).innerHTML += `Battery status: ${(battery.charging) ? '' : 'not '} charging`;
});
document.getElementById(
'memory'
).innerHTML += `Device memory: ${navigator.deviceMemory}GB`;
document.getElementById(
'cores'
).innerHTML += `# of CPU cores: ${navigator.hardwareConcurrency}`;
}, []); }, []);
return ( return (
<div className="App"> <div className="App">
<div className="title">Hardware</div> <div className="title">Hardware</div>
<div className="item" id="screenSize" /> <div className="item" id="screenSize" />
<div className="item" id="batteryLevel" />
<div className="item" id="batteryStatus" />
<div className="item" id="memory" />
<div className="item" id="cores" />
</div> </div>
); );
}; };