JSFiddle - React, Tailwind, and code Playground

by Barry Carter

HTML

pcode <input id='postcode' />
<a id='checkpc' href='#'>
  Check Postcode is valid
</a>

<div id='isallowed'>
  Please click check
</div>

JavaScript

var allPostcodes = [
'AL1',
'AL2',
'AL3',
'AL4',
'AL5',
'AL6',
'AL7',
'AL8',
'AL9',
'AL10',
'AL11',
'E4',
'E9',
'E17',
'EN1',
'EN2',
'EN3',
'EN4',
'EN5',
'EN6',
'EN7',
'EN8',
'EN9',
'EN10',
'EN11',
'HA0',
'HA1',
'HA2',
'HA3',
'HA4',
'HA5',
'HA6',
'HA7',
'HA8',
'HA9',
'HP1',
'HP2',
'HP3',
'HP4',
'HP5',
'HP6',
'HP7',
'HP9',
'HP14',
'HP15',
'HP16',
'HP17',
'HP18',
'HP19',
'HP20',
'HP21',
'HP22',
'HP23',
'HP27',
'IG2',
'IG7',
'IG10',
'IP1',
'IP2',
'IP3',
'IP4',
'IP5',
'IP6',
'IP7',
'IP8',
'IP9',
'IP10',
'IP11',
'IP12',
'IP13',
'IP14',
'IP15',
'IP16',
'IP17',
'IP18',
'IP19',
'IP20',
'IP21',
'IP22',
'IP23',
'IP24',
'IP26',
'IP27',
'IP29',
'IP30',
'IP31',
'IP32',
'IP33',
'IP34',
'IP38',
'IP25',
'IP28',
'MK17',
'MK43',
'MK44',
'MK45',
'N1',
'N2',
'N3',
'N4',
'N6',
'N8',
'N9',
'N10',
'N11',
'N12',
'N13',
'N14',
'N15',
'N16',
'N17',
'N18',
'N20',
'N21',
'N22',
'MK40',
'MK41',
'MK42',
'NR1',
'NR2',
'NR3',
'NR4',
'NR5',
'NR6',
'NR7',
'NR8',
'NR14',
'NR15',
'NR16',
'NR17',
'NR18',
'NR19',
'NR20',
'NR21',
'NR22',
'NR23',
'NR24',
'NR25',
'NR26',
'NR27',
'NR28',
'NR29',
'NR30',
'NR31',
'NR32',
'NR33',
'NR34',
'NR35',
'RM1',
'RM2',
'RM3',
'RM4',
'RM5',
'RM6',
'RM7',
'RM8',
'RM9',
'RM10',
'RM11',
'RM12',
'RM13',
'RM14',
'RM15',
'RM16',
'RM17',
'RM18',
'RM19',
'RM20',
'SS0',
'SS1',
'SS2',
'SS5',
'SS6',
'SS7',
'SS8',
'SS9',
'SS11',
'SS12',
'SS13',
'SS14',
'SS15',
'SS16',
'SS17',
'NW1',
'NW2',
'NW3',
'NW4',
'NW7',
'NW9',
'NW11',
'OX9',
'OX39',
'NR17',
'UB5',
'UB6',
'WD1',
'WD2',
'WD3',
'WD4',
'WD5',
'WD6',
'WD7',
'WD17',
'WD18',
'WD19',
'WD23',
'WD24',
'WD25',
'CO1',
'CO2',
'CO3',
'CO4',
'CO5',
'CO6',
'CO7',
'CO8',
'CO9',
'CO10',
'CO11',
'CO12',
'CO13',
'CO15',
'CO16...