JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="name">
<div class="info" style="display:none"></div>

CSS

div{
  font-size: 20px;
}

JavaScript

const codes = {
	test: 'ok',
	stop: 'ok',
};

const inp = document.querySelector('input[name="name"]'),
			info = document.querySelector('.info');


inp.addEventListener('keyup',()=>{

	for(let key in codes){
		if(inp.value === key){
			info.textContent = `${codes[key]}`;
			info.style.display = 'block';
      break;
		} else {
			info.style.display = 'none';
		}
	};

});