Za bajery to trzeba płacić.

Ale proste rozwiązanie, które może Ci się przyda i może komuś jeszcze bo przecież można rozbudowywać sobie i mieszać dodawaniem, mnożeniem dzieleniem i dodejmowaniem ile się chce...

HTML 5 polzwolił na "zbajerowane" suwaki normalnie pole input z podaniem wartości może być.

PRZYKŁAD"

http://mezon.republika.pl/calc/index.html

Sekcja HEAD

<script type="text/javascript">
function ObliczWynik(){
var a = document.getElementById('liczbaA').value;
var b = document.getElementById('liczbaB').value;


if (a !== '' && b !== '')
{
document.getElementById('wynik').value = (parseInt(a) * parseInt(b)) /10000 * 3.7;
}
else
{
alert("Proszę wypełnić wszystkie pola");
}
}
</script>

Mnozenie jest przez 3.7zł za metr, ustawiasz co sobie chcesz.

W Body (hml i gadżety)

<form onsubmit="return false" oninput="level.value = flevel.valueAsNumber">
<label for="flying">WYS.[cm]</label>
<input name="flevel" id="liczbaA" type="range" min="0" max="500" value="0">
<output for="flying" name="level">0</output>/500
</form>

<form onsubmit="return false" oninput="level.value = flevel.valueAsNumber">
<label for="flying">SZER. [cm]</label>
<input name="flevel" id="liczbaB" type="range" min="0" max="500" value="0">
<output for="flying" name="level">0</output>/500
</form>

<input id="wynik" type="text" />zł
<br />
<input type="button" value="Oblicz" onclick="return ObliczWynik()" />