JSFiddle - React, Tailwind, and code Playground

by dhizzybusy

HTML

<div class="container">

  <br>

  <div class="form-group">

    <input type="text" placeholder="Enter here" class="form-control" id="input" onkeyup="getInput();">

  </div>

  <div class="form-group">

    <div id="output"></div>

  </div>

  <div class="form-group">

    <button type="button" class="btn btn-primary" onclick="AddToTRIE()">Add To TRIE</button>

    <button type="button" class="btn btn-success" onclick="CheckSpelling()">Check Spelling</button>
  </div>
</div>

JavaScript

var AddToTRIEList = [];

function AddToTRIE() {

  AddToTRIEList.push(document.getElementById('input').value);

}

function CheckSpelling(word) {

  var results = [];

  for (var i = 0; i < AddToTRIEList.length; i++) {

    if (AddToTRIEList[i].indexOf(word) == 0) {

      results.push(AddToTRIEList[i]);

    }

  }

  return results;

}

function getInput() {

  var i = document.getElementById('input').value;

  document.getElementById('output').innerHTML = CheckSpelling(i);

}