JSFiddle - React, Tailwind, and code Playground

by tuga

HTML

<!--
     by Mikulas Dite
     http://stackoverflow.com/a/9209720/96656
-->
<table id="testregx" width="100%">
    <tr class="header important">
        <td>Address</td>
        <td>Expected</td>
        <td>Match</td>
    </tr>
</table>

CSS

.true, .grean{
    color : green;
}
.false, .accuracy, .red{
    color: red;
}
.header{
    background-color: burlyWood;
}
.important{
    font-weight: bold;
}
.grean, .red, .accuracy{
    background-color: yellow;
}

JavaScript

var values = [
    [false,""],
    [false,"---"],
    [true ,"2001:0000:1234:0000:0000:C1C0:ABCD:0876"],
    [true,"2001:0:1234::C1C0:ABCD:876"],
    [true ,"3ffe:0b00:0000:0000:0001:0000:0000:000a"],
    [true,"3ffe:b00::1:0:0:a"], 
    [true ,"FF02:0000:0000:0000:0000:0000:0000:0001"],
    [true,"FF02::1" ],
    [true ,"0000:0000:0000:0000:0000:0000:0000:0001"],
    [true ,"0000:0000:0000:0000:0000:0000:0000:0000"],
    [true,"::" ],
    [true ,"::ffff:192.168.1.26"],
    [true,"::ffff:192.168.1.26"], 
    [false,"02001:0000:1234:0000:0000:C1C0:ABCD:0876"],      
    [false,"2001:0000:1234:0000:00001:C1C0:ABCD:0876"],     
    [true," 2001:0000:1234:0000:0000:C1C0:ABCD:0876"],
    [true," 2001:0:1234::C1C0:ABCD:876"], 
    [true," 2001:0000:1234:0000:0000:C1C0:ABCD:0876  "],
    [true," 2001:0:1234::C1C0:ABCD:876  "], 
    [false," 2001:0000:1234:0000:0000:C1C0:ABCD:0876  0"], 
    [false,"2001:0000:1234: 0000:0000:C1C0:ABCD:0876"], 
    [false,"2001:1:1:1:1:1:255Z255X255Y255"],
    [false,"3ffe:0b00:0000:0001:0000:0000:000a"], 
    [false,"FF02:0000:0000:0000:0000:0000:0000:0000:0001"], 
    [false,"3ffe:b00::1::a"], 
    [false,"::1111:2222:3333:4444:5555:6666::"],       
    [true ,"2::10"],
    [true ,"ff02::1"],
    [true ,"fe80::"],
    [true ,"2002::"],
    [true ,"2001:db8::"],
    [true ,"2001:0db8:1234::"],
    [true ,"::ffff:0:0"],
    [true ,"::ffff:192.168.1.1"], 
    [true ,"1:2:3:4:5:6:7:8"],
    [true ,"1:2:3:4:5:6::8"],
    [true ,"1:2:3:4:5::8"],
    [true ,"1:2:3:4::8"],
    [true ,"1:2:3::8"],
    [true ,"1:2::8"],
    [true ,"1::8"],
    [true ,"1::2:3:4:5:6:7"],
    [true ,"1::2:3:4:5:6"],
    [true ,"1::2:3:4:5"],
    [true ,"1::2:3:4"],
    [true ,"1::2:3"],
    [true ,"1::8"],
    [true ,"::2:3:4:5:6:7:8"],
    [true ,"::2:3:4:5:6:7"],
    [true ,"::2:3:4:5:6"],
    [true ,"::2:3:4:5"],
    [true ,"::2:3:4"],
    [true ,"::2:3"],
    [true ,"::8"],
    [true ,"1:2:3:4:5:6::"],
    [true ,"1:2:3:4:5::"],
    [true ,"1:2:3:4::"],
   ...