IP Validator

by NullDev

HTML

<span id="res">IP: XXX.XXX.XXX.XXX<br></span><br>
<input type="text" id="txt"><button onclick="validate()">Verify</button>

JavaScript

const validate = function(e){
    const segments = document.getElementById("txt").value.split(".");
    const res = document.getElementById("res");

	res.innerHTML += "IP: ";

    (segments.length < 4)
        ? res.innerHTML += `<font color="#FF0000">${segments.join(".")}</font>`
        : segments
        	.map((e, i) => Number(!isNaN(e) && e >= 0 && e <= 255 && i <= 3))
        	.forEach((e, i) => res.innerHTML += `<font color="#${!!e ? "00FF00" : "FF0000"}">${segments[i]}</font>${(i < (segments.length - 1)) ? "." : ""}`);
    
    res.innerHTML += "<br>";
};