Реализация калькулятора?
Воспользуйтесь range slider. Вот например демо:
jsfiddle.net/IonDen/wsk7y08a - оттолкнитесь отсюда, добавьте свой дизайн.
Да никаких проблем нет, если знаешь JS.<input type="text" id=calc>
<span id="res"></span><p style="cursor:pointer;">OK</p>
<script>
var calc= document.getElementById('calc');
calc.onchange= function(e) {
	document.getElementById('res').textContent= eval(this.value);
}

</script>