problem current value not showing slider range html/javascript

Asked Jun 21 '20 at 11:07

Active Jun 21 '20 at 12:42

Viewed 20 times

Why is my value not showing when I slide HTML JS? I want the value of the slider to show in the h3 class number.

function rangeSlider(value) {
  document.getElementsByClassName("agenumber").innerText = value;
}

<h3 class="titreage">Select your age</h3>
<input type="range" min="6" max="60" step="1" value="50" class="slider" onmousemove="rangeSlider(this.value)" onchange="rangeSlider(this.value)">
<h3 class="agenumber"></h3>

edited Jun 21 '20 at 12:42

The Codesee

3,714
5
38
78

asked Jun 21 '20 at 11:07

Oussama djeralfia

`document.getElementsByClassName("agenumber")[0].innerText=value;` will do it – Tilak Madichetti Jun 21 '20 at 11:10
Or if you're updating only one element, use an id instead – Guy Incognito Jun 21 '20 at 11:11
it did actually worked i changed output to an id weirdly worked thanks a lot – Oussama djeralfia Jun 21 '20 at 11:12
1

It's not "weirdly" at all. getElement**s**byClassName finds multiple elements, you can't set an attribute to an array and expect that it magically applies to all of its contents. – Guy Incognito Jun 21 '20 at 11:14

problem current value not showing slider range html/javascript

0 Answers0