var movies = algoliasearch('P82O5VYMZI', '2106be608492f6694e365d3437b9b453').initIndex('movies');
var searchField = document.querySelector('#searchField');

var searchResults = document.querySelector('#searchResults');

searchField.onkeyup = function(event) { 
    search(event.target.value);
}

function search(query) { 
    searchResults.innerHTML = '';
    if (query.length > 0) {
        movies.search(query, function(err, content) {
            content.hits.forEach(function(hit) {
                renderResult(hit);
            });
        });
    }
}

function renderResult(hit) {
    var p = document.createElement('p');
    p.appendChild(document.createTextNode(hit.movie_title));
    searchResults.appendChild(p);
}