Slider Range Input Wave
N = 8 // try changing this
b = document.body
b.innerHTML += 'Drag any slider<br>'
for (i = N; i--;)
b.innerHTML += `<input id=${i} value=0 type=range style=width:200px;display:block>`
onchange = oninput = e => {
t = e.target
for (i = N; i--;)
t.id != i && (
self[i].value = 100 * Math.sin(t.value / 60 * i))
}
Sine wave with range sliders…