How to make your own IP calculator offline file
Why use this offline IP calculator?
This IP Calculator file works offline.For a lot of remote areas where you go for the configuration you might not have internet access directly.So this file will help you at offline environment.
This file contains just 8 KB.😊
How does it works?
You just need to type IP address at given spaces this IP Calculator will calculate the values and gives the result with no time.
Here is the method to create your own offline IP calculator
Step 1 :
- Open Notepad/Notepad++
- paste the code
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
Now save it as IPCALC.html
Step 2 :
Paste the code after <head>
<title>IP Calculator</title>
Step 3 :
Paste this code after <body>
<h1>IP Address calculator</h1>
Step 4 :
Paste this code before </body>
IP Address<input type='text' class='addr' id='q1'> .<input type='text' class='addr' id='q2'> .<input type='text' class='addr' id='q3'> .<input type='text' class='addr' id='q4'> /<input type='text' class='addr' id='cidr'><button onclick='calculate();'>Calculate</button>
Step 5 :
Paste this code before</head>
<style>
body {
font-family:monospace;
font-size:16px;
}
.addr {
width:30px;
display:inline;
}
.result {
border: 1px solid #6a6ade;
solid #6a6ade;
}
.result .label {
display:inline-block;
width:100%;
background:#007abe;
color:#ffffff;
}
</style>
Step 6:
Paste this code before </body>
<hr><div class='result'><span class=label>IP Address :</span><span class=value id=resIP></span></div><div class='result'><span class=label>Subnet mask :</span><span class=value id=resMask></span></div><div class='result'><span class=label>Network Address :</span><span class=value id=resNet></span></div><div class='result'><span class=label>Broadcast Address :</span><span class=value id=resBC></span></div><div class='result'><span class=label>Standard Class :</span><span class=value id=resClass></span></div><div class='result'><span class=label>Range (1st to last usable IP):</span><span class=value id=resRange></span></div><div class='result'><span class=label>IP Binary :</span><span class=value id=resBinIP></span></div><div class='result'><span class=label>Mask Binary :</span><span class=value id=resBinMask></span></div><div class='result'><span class=label>Network Address Binary :</span><span class=value id=resBinNet></span></div><div class='result'><span class=label>Broadcast Address Binary :</span><span class=value id=resBinBC></span></div>
Step 7 :
Paste this code after </body>
<script type='text/javascript'>😉 Your IP Calculator is ready to use .
function calculate(){
//get values from input box
var q1=document.getElementById('q1').value;
var q2=document.getElementById('q2').value;
var q3=document.getElementById('q3').value;
var q4=document.getElementById('q4').value;
var cidr=document.getElementById('cidr').value;
//validate input value
if(
(q1>=0 && q1<=255) &&
(q2>=0 && q2<=255) &&
(q3>=0 && q3<=255) &&
(q4>=0 && q4<=255) &&
(cidr>=0 && cidr<=32)
){
//display IP address
document.getElementById('resIP').innerHTML=q1 + "." + q2 + "." + q3
+ "." + q4;
//get IP Address binaries
var ipBin={};
ipBin[1]=String("00000000"+parseInt(q1,10).toString(2)).slice(-8);
ipBin[2]=String("00000000"+parseInt(q2,10).toString(2)).slice(-8);
ipBin[3]=String("00000000"+parseInt(q3,10).toString(2)).slice(-8);
ipBin[4]=String("00000000"+parseInt(q4,10).toString(2)).slice(-8);
//decide standart class
var standartClass="";
if(q1<=126) {
standartClass="A";
}else if (q1==127) {
standartClass="loopback IP"
}else if (q1>=128 && q1<=191) {
standartClass="B";
}else if (q1>=192 && q1<=223) {
standartClass="C";
}else if (q1>=224 && q1<=239) {
standartClass="D (Multicast Address)";
}else if (q1>=240 && q1<=225) {
standartClass="E (Experimental)";
}else {
standartClass="Out of range";
}
//netmask
var mask=cidr;
var importantBlock=Math.ceil(mask/8);
var importantBlockBinary=ipBin[importantBlock];
var maskBinaryBlockCount=mask%8;
if(maskBinaryBlockCount==0)importantBlock++;
var maskBinaryBlock="";
var maskBlock="";
for(var i=1;i<=8;i++){
if(maskBinaryBlockCount>=i){
maskBinaryBlock+="1";
}else{
maskBinaryBlock+="0";
}
}
//convert binary mask block to decimal
maskBlock=parseInt(maskBinaryBlock,2);
//net & broadcast addr
var netBlockBinary="";
var bcBlockBinary="";
for(var i=1;i<=8;i++){
if(maskBinaryBlock.substr(i-1,1)=="1"){
netBlockBinary+=importantBlockBinary.substr(i-1,1);
bcBlockBinary+=importantBlockBinary.substr(i-1,1);
}else{
netBlockBinary+="0";
bcBlockBinary+="1";
}
}
//put everything together, create a string container variables
var mask="";
var maskBinary="";
var net="";
var bc="";
var netBinary="";
var bcBinary="";
var rangeA="";
var rangeB="";
//loop to put whole strings block together
for(var i=1;i<=4;i++){
if(importantBlock>i) {
//blocks before the important block.
mask+="255";
maskBinary+="11111111";
netBinary+=ipBin[i];
bcBinary+=ipBin[i];
net+=parseInt(ipBin[i],2);
bc+=parseInt(ipBin[i],2);
rangeA+=parseInt(ipBin[i],2);
rangeB+=parseInt(ipBin[i],2);
}else if (importantBlock==i) {
//the important block.
mask+=maskBlock;
maskBinary+=maskBinaryBlock;
netBinary+=netBlockBinary;
bcBinary+=bcBlockBinary;
net+=parseInt(netBlockBinary,2);
bc+=parseInt(bcBlockBinary,2);
rangeA+=(parseInt(netBlockBinary,2)+1);
rangeB+=(parseInt(bcBlockBinary,2)-1);
}else {
//block after the important block.
mask+=0;
maskBinary+="00000000";
netBinary+="00000000";
bcBinary+="11111111";
net+="0";
bc+="255";
rangeA+=0;
rangeB+=255;
}
//add . separator except the last block
if(i<4){
mask+=".";
maskBinary+=".";
netBinary+=".";
bcBinary+=".";
net+=".";
bc+=".";
rangeA+=".";
rangeB+=".";
}
}
//write the results to the page.
document.getElementById('resMask').innerHTML=mask;
document.getElementById('resNet').innerHTML=net;
document.getElementById('resBC').innerHTML=bc;
document.getElementById('resRange').innerHTML=rangeA + " - " +
rangeB;
document.getElementById('resBinIP').innerHTML=ipBin[1]+"."+ipBin
[2]+"."+ipBin[3]+"."+ipBin[4];
document.getElementById('resBinMask').innerHTML=maskBinary;
document.getElementById('resBinNet').innerHTML=netBinary;
document.getElementById('resBinBC').innerHTML=bcBinary;
document.getElementById('resClass').innerHTML=standartClass;
}else{
alert("invalid value");
}
}
</script>
Run the HTML file
Don't forget to join our google+ ,twitter and facebook page.
Post a Comment