I’m so sure I’ve seen this done before, but I can’t find it or figure it out myself:
I want to have multiple input sliders that act on the same underlying value. I.e., I have some `viewof N = slider(...)`, and then I want to have another, but such that they both update each other accordingly.
If I just do:
```javascript
M = {
const input = slider(...);
(viewof N).addEventListener("input", () => input.value = (viewof N).valueAsNumber);
return input;
}
```
…then sliding N doesn’t visually update M (although of course the value is indeed set, and Observable notices this).
---
Hey Kelley,
Mike has a great tutorial on this topic:
> **[Synchronized Views](https://observablehq.com/@mbostock/synchronized-views)**
>
> An Observable notebook by Mike Bostock.
In short — to avoid the circularity, you use your own event listeners.
An alternative way to do it, that may or may not be cleaner for your use case, is to have both views mutate and observe an external `mutable` cell.
---
It’s possible there is an easier way to do this. But anyway, my method using Mike’s `View` class is along the lines of …
> **[Linked sliders](https://observablehq.com/d/e4c5423cb52166fb)**
>
> An Observable notebook by Jacob Rus.
```
viewof slider_view = new View(127)
```
then
```
slider1 = {
const slider = html``;
slider.oninput = () => viewof slider_value.value = slider.valueAsNumber;
const update = () => slider.value = viewof slider_value.value;
viewof slider_value.addEventListener("input", update);
return Generators.disposable(slider, () => {
viewof slider_value.removeEventListener("input", update);
});
}
```
---
Thanks 🙂
Yeah, somehow I thought it should have been / was easier; but thanks for building this solution for me, I really didn’t feel up to it.
(In action: [https://beta.observablehq.com/@kelleyvanevert/the-kolakoski-sequence](https://beta.observablehq.com/@kelleyvanevert/the-kolakoski-sequence) .)
---
I’ve been using this kind of thing in my project of the past few weeks,
> **[Apollo](https://observablehq.com/d/e639659056145e88)**
>
> An Observable notebook by Jacob Rus.
which still has a couple open research questions to solve and a good amount more explanation to write before it is fully baked (even if my work time wasn’t in units of ‘naptime’, we are traveling the next few weeks), so will probably not be published for another month or something.
---