JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

Input terms: <input type="text" id="findTerms"><br>

<table>
  <tr>
    <td id="trincotWipeSearch" class="method">
      <h3>Trincot's Wipe Search</h3>
      Time: <span class="time"></span>ms<br>
      <ul class="result"></ul>
    </td>
    <td id="trincotShadowSearch" class="method">
      <h3>Trincot's Shadow Search</h3>
      Time: <span class="time"></span>ms<br>
      <ul class="result"></ul>
    </td>
    <td id="skirtles_permutations" class="method">
      <h3>Skirtle's Permutations</h3>
      Time: <span class="time"></span>ms<br>
      <ul class="result"></ul>
    </td>
    <td id="divide_and_conquer" class="method">
      <h3>Divide and Conquer</h3>
      Time: <span class="time"></span>ms<br>
      <ul class="result"></ul>
    </td>
  </tr>
</table>

CSS

ul { 
    height:300px;
    font-size: smaller;
    overflow: auto;
}
li {
    padding-left: 0px;
}
td, th {
    border: 1px solid silver;
}
table {
    width: 100%
}
u {
    padding: 0 1px;
}

JavaScript

var options = ['abbbba', 'ababababa', 'United States', 'United Kingdom', 'Afghanistan', 'Aland Islands', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas', 'Bahrain', 'Bangladesh', 'Barbados', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia, Plurinational State of', 'Bonaire, Sint Eustatius and Saba', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'Brunei Darussalam', 'Bulgaria', 'Burkina Faso', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Congo, The Democratic Republic of The', 'Cook Islands', 'Costa Rica', 'Cote D\'ivoire', 'Croatia', 'Cuba', 'Curacao', 'Cyprus', 'Czech Republic', 'Denmark', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Falkland Islands (Malvinas)', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern Territories', 'Gabon', 'Gambia', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-bissau', 'Guyana', 'Haiti', 'Heard Island and Mcdonald Islands', 'Holy See (Vatican City State)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran, Islamic Republic of', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Japan', 'Jersey', 'Jordan', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, Democratic People\'s Republic of', 'Korea, Republic of', 'Kuwait', 'Kyrgyzstan', 'Lao People\'s Democratic Republic', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macao', 'Macedonia, The...