JSFiddle - React, Tailwind, and code Playground

HTML

<input id='valor'></input>
<div id='resultado'></div>

JavaScript

var datos = new Array();

var Item;

function agregarDatos(clave, descripcion, url) {
    datos.push({
        'clave': clave,
        'descripcion': descripcion,
        'url': url
    })
}
var a = document.getElementById('resultado')
console.log(a);
agregarDatos("javascript", "350 ejemplos javascript gratis", "http://www.htmlpoint.com/jscript");
agregarDatos("html", "La guĂ­a en italiano al HTML", "http://www.htmlpoint.com/guida");
agregarDatos("html", "Como crear tu web", "http://www.comocreartuweb.com");
document.getElementById('valor').onkeyup = function() {
console.log('ok')
    var Found = false;
    var respuesta = [];

    var salida = document.getElementById('resultado');
    Item = document.getElementById('valor').value.toLowerCase();
    for (x in datos) {
        if (Item === datos[x].clave) {
            Found = true;
            respuesta.push(x);
        }
    }
    salida.innerHTML = '<h1>Resultados de la busqueda de "' + Item + '"</h1>';
    if (Found) {
        for (x in respuesta) {
            salida.innerHTML += '<p>' + datos[respuesta[x]].descripcion + ' .<a href ="' + datos[respuesta[x]].url + '">Haz click aqui</a></p>';
        }
    } else {
        salida.innerHTML += '<p>No se obtuvieron resultados</p>';
    }

}