var myPttButton = document.querySelector('#btn-record');
var subscribeButton = document.querySelector("#btn-subscribe");
var channelInput = document.querySelector("#input-channel");
var channel;

ptt.connect().then((connection)=>{
    connection.bind(myPttButton);

    function handleSubscribeSuccess(response){        
       console.log(`Subscribed to channel '${channel}'`);
    }

    function handleError(){
        console.log("Could not subscribe!");
    }

    subscribeButton.onclick = (e)=>{
        if(channelInput.value.trim().length > 0){
            channel = channelInput.value.trim();
            connection.subscribe(channel).then(handleSubscribeSuccess).catch(handleError);
            channelInput.value = "";
        }
    };
    
}).catch(err=>{
    console.log("Connection failed!");
});