<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>System Information Tool</title>
<style>
/* add your custom styles here */
</style>
</head>
<body>
<h1>System Information Tool</h1>
<div id="system-info"></div>
<script>
// get the div where the system info will be displayed
const systemInfoDiv = document.getElementById('system-info');
// create an array with the system info you want to display
const systemInfo = [
{ name: 'Operating System', value: navigator.platform },
{ name: 'Browser', value: navigator.userAgent },
{ name: 'Screen Resolution', value: screen.width + 'x' + screen.height },
{ name: 'Cookies Enabled', value: navigator.cookieEnabled },
{ name: 'Language', value: navigator.language }
];
// create a table to display the system info
const table = document.createElement('table');
table.classList.add('system-info-table');
// create a row for each system info item
systemInfo.forEach((item) => {
const row = document.createElement('tr');
row.innerHTML = `<td>${item.name}</td><td>${item.value}</td>`;
table.appendChild(row);
});
// add the table to the system info div
systemInfoDiv.appendChild(table);
</script>
</body>
</html>
No comments:
Post a Comment