JSFiddle - React, Tailwind, and code Playground

by tanvir_alam_shawn

HTML

<div class="rangeSliders">
  <input class="slider rangeInput1" type="range" min="0" max="100" onchange="calcualteWeight(this, this.value)" value="100"/><br>
  <input class="slider rangeInput2" type="range" min="0" max="100" onchange="calcualteWeight(this, this.value)" value="0"/><br>
  <input class="slider rangeInput3" type="range" min="0" max="100" onchange="calcualteWeight(this, this.value)" value="0"/><br>
  <input class="slider rangeInput4" type="range" min="0" max="100" onchange="calcualteWeight(this, this.value)" value="0"/>
</div>

JavaScript

function calcualteWeight(event, weight) {
	console.log(event, weight)
}