See the JS tab for the code and browser console for messages
    Click this button to change the value of the city signal to "Las Vegas", will decrement sig_n by 3 and
    will toggle sig_b.
    
    Click this button to change the value of the city signal to "New York", will increment sig_n by 5 and
    will set sig_b to true.
    
| signal | value | 
|---|---|
| sig_b | |
| sig_n | |
| city | 
<p>See the JS tab for the code and browser console for messages</p>
<p>
    Click this button to change the value of the <b>city</b> signal to "Las Vegas", will decrement <b>sig_n</b> by 3 and
    will toggle <b>sig_b</b>.
    <ch5-button label="Btn1" sendEventOnClick="trig1"></ch5-button>
</p>
<p>
    Click this button to change the value of the <b>city</b> signal to "New York", will increment <b>sig_n</b> by 5 and
    will set <b>sig_b</b> to true.
    <ch5-button label="Btn2" sendEventOnClick="trig2"></ch5-button>
</p>
<ch5-button id="btn-show-current-values" label="Display current signal values" ></ch5-button>
<table class="table">
    <tr><th>signal</th><th>value</th></tr>
    <tr><td>sig_b</td><td id="s1"></td></tr>
    <tr><td>sig_n</td><td id="s2"></td></tr>
    <tr><td>city</td><td id="s3"></td></tr>
</table>
                    
(function(CrComLib){
    var btn1=document.querySelector('#btn-show-current-values');
    btn1.addEventListener('click',btn1Click);
    function btn1Click() {
        var s1 = document.querySelector('#s1');
        var s2 = document.querySelector('#s2');
        var s3 = document.querySelector('#s3');
        var sigVal1 = CrComLib.getState('b','sig_b');
        var sigVal2 = CrComLib.getState('n','sig_n');
        var sigVal3 = CrComLib.getState('s','city');
        s1.textContent=sigVal1;
        s2.textContent=sigVal2;
        s3.textContent=sigVal3;
    }
})(CrComLib);