How can I get and display the slider value from the input range?
I like the Javascript code I'm using meteor.
& lt; Input id = "slider" type = "range" min = "50" max = "100" step = "10" oninput = "change slider (this.value)" & gt; & Lt; Output ID = "sliderWill" & gt; & Lt; / Product & gt;
javascript;
Change the Function Slider (Val) {document.getElementById ('sliderVal'). InnerHTML = val; }
After referencing it appears that you client.js
& lt; Template name = "myTemplate">
My.function ()}}} My function () {var val = document.getElementById ("slider") value / / Get an inline value document. GetElementById ('Output'). InnerHTML = val // displays this value on the HTML page console Additionally, you
change EventType and how to map it. This works when the input changes.
Template.yourTemplate.events ({'change input [type] = Range] ': function (event) {var sliderValue = event.currentTarget.value session .set (' sliderValueIs', sliderValue) // Then you can get this session and display it on your page, it is a helpful Can be back in}})
No comments:
Post a Comment