document.getElementById(‘calculate’).addEventListener(‘click’, function() {
const ip = document.getElementById(‘ip-address’).value;
const mask = document.getElementById(‘subnet-mask’).value;
const cidr = document.getElementById(‘cidr’).value;
if (ip && mask && cidr) {
// Placeholder calculation logic for subnet
let networkAddress = “192.168.1.0”; // Example result
let firstUsableIP = “192.168.1.1”; // Example result
let lastUsableIP = “192.168.1.254”; // Example result
let broadcastAddress = “192.168.1.255”; // Example result
let subnetSize = “256”; // Example result
let numHosts = “254”; // Example result
document.getElementById(‘network-address’).textContent = networkAddress;
document.getElementById(‘first-usable-ip’).textContent = firstUsableIP;
document.getElementById(‘last-usable-ip’).textContent = lastUsableIP;
document.getElementById(‘broadcast-address’).textContent = broadcastAddress;
document.getElementById(‘subnet-size’).textContent = subnetSize;
document.getElementById(‘num-hosts’).textContent = numHosts;
} else {
alert(“Please fill in all fields.”);
}
});