diff --git a/examples/shiny.html b/examples/shiny.html
index 70d6ac8b..ee87a82c 100644
--- a/examples/shiny.html
+++ b/examples/shiny.html
@@ -246,9 +246,9 @@
});
// @ts-ignore
- document.querySelector("tone-slider-pad").addEventListener("move", e => move(parseFloat(e.target.value)));
+ document.querySelector("tone-slider-pad").addEventListener("move", e => move(e.detail));
// @ts-ignore
- document.querySelector("tone-slider-pad").addEventListener("down", e => triggerAttack(parseFloat(e.target.value)));
+ document.querySelector("tone-slider-pad").addEventListener("down", e => triggerAttack(e.detail));
document.querySelector("tone-slider-pad").addEventListener("up", () => synth.triggerRelease());
document.querySelector("tone-play-toggle").addEventListener("start", () => Tone.Transport.start());