( ()=> {
    'use strict';

    if ( 'querySelector' in document && 'addEventListener' in window ) {
        const searchInput = document.querySelector( '#ts-search-form' );
        const searchIcon = document.querySelector( '#search-icon' );
        const sechi = document.querySelector( '#s' );
        const submit = document.querySelector( '#submit-2' );

        searchIcon.addEventListener( 'click', ()=> {
            searchInput.style.display = 'flex';
        });

        window.addEventListener( 'click', (evt)=> {
            if ( evt.target !== searchIcon && evt.target !== searchInput && 
                evt.target !== sechi && evt.target !== submit ) {
                searchInput.style.display = 'none';
            }
        });

        searchIcon.addEventListener( 'keypress', function() {
            if ( 'Enter' === e.key || ' ' === e.key ) {
                searchInput.style.display = 'flex';
            }
        });
    }
}) ();