Reactive Variables

HTML

1
<button id="countBtn"></button>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

JavaScript

1
2
3
4
5
6
7
8
9
10
11
rlet paused = subscribe($("#countBtn").click)
              initially(false) !paused;
rlet count = subscribe(interval(100))
             initially(0) paused ? count : count + 1;
rlet txt = paused ? "Paused" : "Count: " + count;
subscribe(txt) {
  $("#countBtn").text(txt);
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
;
interval(100)(function (w$949) {
    __SD3933$833.push(w$949);
});
var __SP3950$867 = new Signal(function () {
    return IMM(__SA3913$793).read() ? IMM(__SP3950$867).read() : IMM(__SP3950$867).read() + 1;
}, 0);
__SD3933$833.onUpdate(__SP3950$867);
__SA3913$793.onUpdate(__SP3950$867);
;
var __SX3968$906 = new Signal(function () {
    return IMM(__SA3913$793).read() ? 'Paused' : 'Count: ' + IMM(__SP3950$867).read();
}, null);
__SA3913$793.onUpdate(__SX3968$906);
__SP3950$867.onUpdate(__SX3968$906);
;
var __SY3986$944 = new Signal(function () {
    return function () {
        $('#countBtn').text(__SX3968$906.read());
    }();
}, null);
__SX3968$906.onUpdate(__SY3986$944);
__SX3968$906.onUpdate(__SY3986$944);
  })()
});
</script>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Reactive Variables in JavaScript