Image searcher using Bing image Search API

poc_image_search.html

<div class="prd-gallery">
    <div class="title"></div>
    <div class="contents"></div>
</div>

<script>
//PoC only, remove before final version
    const loadImagesFromTheWeb = (q) => {
        if (q) {
            $.ajax({
                'url': 'https://api.cognitive.microsoft.com/bing/v5.0/images/search',
                'data': {
                    q,
                    mkt: 'en'
                },
                'beforeSend': xhr => {
                    xhr.setRequestHeader('Ocp-Apim-Subscription-Key', 'your-hash-id');
                }
            }).done(response => {
                const images = response.value.reduce((carry, item) => {
                    carry.push(item.thumbnailUrl);
                    return carry;
                }, []);

                $('.title', '.prd-gallery').html(`Web results for "${q}"`);
                showImages(images);
            });
        }
    }

    const showImages = images => {
        // language=JQuery-CSS
        $('.contents', '.prd-gallery').html('');
        images.map(url => {
            $('.contents', '.prd-gallery').append(`<img src='${url}'>`);
        });
    }
<script>