spee.ch/views/partials/channelLogin.handlebars

<p>
    <form id="channel-login-form">
        <div id="login-error-display-element" class="info-message info-message--failure"></div>
        <div>
            <label for="login-channel-name">Channel Name: </label>
            @<input type="text" name="login-channel-name" id="login-channel-name" class="input-text input-text--primary" placeholder="" value="">
        </div>
        <div>
            <label for="login-channel-password" >Password: </label>
            <input type="password" name="login-channel-password" id="login-channel-password" class="input-text input-text--primary" placeholder="" value="">
        </div>

    </form>
</p>
<button onclick="loginToChannel(event)">Login</button>

<script type="text/javascript">
 function loginToChannel (event) {
     const channelName = document.getElementById('login-channel-name').value;
     const password = document.getElementById('login-channel-password').value;
     const loginErrorDisplayElement = document.getElementById('login-error-display-element');
     // prevent default
     event.preventDefault()
     // send request
     sendAuthRequest(channelName, password, '/login')
         .then(() => {
             console.log('login success');
             window.location.href = '/';
         })
         .catch(error => {
             showError(loginErrorDisplayElement, error);
             console.log('login failure:', error);
         })
 }
</script>