JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div>First: '10.0.0.1' in ['10.0.0.1','10.0.2.1'] is <span id="first">false</span>
    <div>
        Second: '10.0.3.1' in ['10.0.0.1','10.0.2.1'] is <span id="second">true</span>
    </div>
</body>

CSS

.success {
    color:green;
}
.failure {
    color:red;
}

JavaScript

var atoi = function atoi(addr) {
  var parts = addr.split('.').map(function(str) {
    return parseInt(str); 
  });

  return (parts[0] ? parts[0] << 24 : 0) +
         (parts[1] ? parts[1] << 16 : 0) +
         (parts[2] ? parts[2] << 8  : 0) +
          parts[3];
};

var checkIpaddrInRange = function checkIpaddrInRange(ipaddr, start, end) {
  var num = atoi(ipaddr);
  return (num >= atoi(start)) && (num <= atoi(end));
}

if(checkIpaddrInRange('10.0.1.1', '10.0.0.1', '10.0.2.1')){
    $('#first').html('true').addClass('success');
}

if(!checkIpaddrInRange('10.0.3.1', '10.0.0.1', '10.0.2.1')){
    $('#second').html('false').addClass('failure');
}