var input = document.querySelector('#autocomplete')

var datalist = document.querySelector('#radio4000-channels')

var originalPlaceholder = input.placeholder

​

input.placeholder = 'Loading radios...'

input.addEventListener('input', function(event) {

    console.log(event.target.value)

})

​

radio4000Sdk.findChannels().then(channels => {

    insertOptions(channels)

    input.placeholder = originalPlaceholder

})

​

function createOption(data) {

    var option = document.createElement('option')

    option.label = data.title

    option.value = data.slug

    return option

}

​

function insertOptions(channels) {

    var sorted = channels.sort((a, b) => a.title.localeCompare(b.title))

    var options = sorted.map(createOption)

​

    options.forEach(function(option) {

        datalist.appendChild(option)

    })

}