JSFiddle - React, Tailwind, and code Playground

HTML

<div id='searchWrapper'>
     <div id='Search'>
        <input id="inputSpn" type="input" value="" />
        <input id="searchBtn" type="image" src="/search.png" />
        <br clear='all'/>
    </div>
    <div id='Results'>
        <ul>
            <li>Result #1</li>
            <li>Result #2</li>
        </ul>
    </div>
</div>

CSS

#Results {
     display: none;   
}

JavaScript

window.onload = function(){
    document.addEventListener('click', function(event){
        if(document.getElementById('searchBtn') != event.target) {
            document.getElementById('Results').style.display = 'none';
        } else {
            document.getElementById('Results').style.display = 'block';
        }
    });
};