Input Range value Property

Change the value of a slider control:

document.getElementById("myRange").value = "75";

Description

The value property sets or returns the value of the value attribute of a slider control.

The value attribute specifies the default value OR the value a user types in (or a value set by a script).

Property
value	Yes	10.0	Yes	Yes	Yes

Return the value property:

rangeObject.value

Set the value property:

rangeObject.value = number

Value	Description
number	Specifies the value of the slider control. If the value is not specified, the default value is "50"

Return Value:	A String, representing a number that represents the value of the slider control

Get the value of a slider control:

var x = document.getElementById("myRange").value;

An example that shows the difference between the defaultValue and value property:

var x = document.getElementById("myRange");
var defaultVal = x.defaultValue;
var currentVal = x.value;