jQuery addClass example

Change class name on click in jQuery

by Vinit Divekar

HTML

<label for="MFLengthDecimalPlaces">Number of Decimal Places:</label>
<input type="range" name="MFLengthConversionInput" id="MFLengthDecimalPlaces" min="0" max="10" value="5">

<label for="MFWeightDecimalPlaces">Number of Decimal Places:</label><input type="range" name="MFWeightDecimalPlaces" id="MFWeightDecimalPlaces" min="0" max="10" value="5">

<label for="MFVolumeDecimalPlaces">Number of Decimal Places:</label><input type="range" name="MFVolumeDecimalPlaces" id="MFVolumeDecimalPlaces" min="0" max="10" value="5">

<label for="MFSpeedDecimalPlaces">Number of Decimal Places:</label><input type="range" name="MFSpeedDecimalPlaces" id="MFSpeedDecimalPlaces" min="0" max="10" value="5">

<div id="value">

</div>

JavaScript

// find elements
$("#MFLengthConversionInput").on("change", CalculateLengthConversion)

$("#MFWeightDecimalPlaces").on("change", CalculateWeightConversion);

$("#MFVolumeDecimalPlaces").on("change", CalculateVolumeConversion);

$("#MFSpeedDecimalPlaces").on("change", CalculateSpeedConversion);

function CalculateLengthConversion() {
	$('#value').html($(this).val());
}

function CalculateWeightConversion(){}

function CalculateVolumeConversion(){}

function CalculateSpeedConversion(){}