IP-Address-generation/index.html at master · MBCX/IP-Address-generation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>IP api</title>

        <link rel="stylesheet" href="CSS/main.css">
        <script src="JS/modifyPrototipes.js"></script>
        <script src="JS/main.js" type="module"></script>
    </head>
    <body>
        <h1>IP api</h1>

        <h2> Generate random IPv4 </h2>
        <input type="text" placeholder="Define range using | or - as seperators." value="0.0.0.0-255.255.255.255" data-ip-range-specifier-el>
        <button data-generate-ip-btn-el>Generate IPv4.</button>
        <pre data-ip-result-el>0.0.0.0</pre>
        <small>IPv6 equivalent.</small>
        <pre data-ip-result-el-ipv6>0:0:0:0:0:0:0:0</pre>

        <label for="country picker">Pick a country</label>
        <select name="country picker" data-country-picker>
            <option value="United States">United States</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="Australia">Australia</option>
            <option value="Germany">Germany</option>
            <option value="Italy">Italy</option>
        </select>
        <div>Generate IP for <strong data-country-index>United States</strong></div>
        <button data-generate-ip-country-btn-el>Generate Country IP.</button>
        <pre data-ip-country-result>0.0.0.0</pre>
        <small>IPv6 equivalent.</small>
        <pre data-ip-country-result-ipv6>0:0:0:0:0:0:0:0</pre>

        <h2>Generate random IPv6</h2>
        <button data-generate-ipv6-btn-el>Generate IPv6.</button>
        <p>Absolutely random</p>
        <input type="checkbox" id="full-random-ipv6">
        <pre data-ipv6-result>0:0:0:0:0:0:0:0</pre>
        <small>IPv4 equivalent.</small>
        <pre data-ipv6-ipv4-result>0.0.0.0</pre>
    </body>
</html>