Published unlisted
Edited
Sep 1, 2019
1 star
Insert cell
Insert cell
Insert cell
viewof range = html`<input type=range min=0 max=10 value=4>`
Insert cell
Insert cell
Insert cell
Changed in target
-
viewof val = html`<input type=range min=${-range} max=${range} value="${this ? this.value : null}">`
+
viewof val = { const slider = html`<input type=range min=${-viewof range.value} max=${viewof range.value} value="${this ? this.value : null}">`; function updateRange() { slider.min = -viewof range.value; slider.max = viewof range.value; slider.dispatchEvent(new CustomEvent('input')); } viewof range.addEventListener('input', updateRange); invalidation.then(() => { viewof range.removeEventListener('input', updateRange); }); return slider; }
Insert cell
Insert cell
Insert cell
Object.assign(html`<button>Assign`, {onclick() {
viewof range.value = 7; viewof range.dispatchEvent(new CustomEvent('input'));
viewof val .value = 7; viewof val .dispatchEvent(new CustomEvent('input'));
}})
Insert cell
Insert cell
Insert cell