Очень нужен калькулятор как на примере http://hdlt.ru/beguschaya-stroka.php
писал на php вышло не очень, нужно перевести его на JS, и добавить кнопку свернуть как на примере.. вот мой код в php

<form action="" method="post"> 
 
 	<div>
    	<label for=fader>Длина:</label> 
			<input type=range min=72 max=1296 value=72 name="dlina" id=fader step=32 onchange="outputUpdate(value)"> 
			<output for=fader id=volume>72</output>	 
				<script type="text/javascript">	 
					function outputUpdate(vol) { 
					document.querySelector('#volume').value = vol;	 
					}	 
				</script>
    </div>
    
    <div>        
         <label for=fader>Ширина:</label> 
			<input type=range min=24 max=300 value=24 name="shirina" id=shirina step=16 onchange="outputUpdatel(value)"> 
			<output for=shirina id=pshirina>24</output>	 
				<script type="text/javascript">	 
					function outputUpdatel(vol) { 
					document.querySelector('#pshirina').value = vol;	 
					}	 
				</script>
      </div> 
       
       <div>
       <div><input type="submit" value="рачитать"></div>
     
     
  </form>

<?php
$dlina = $_REQUEST['dlina'];
$shirina = $_REQUEST['shirina'];

$s=($dlina*$shirina)/10000;
echo 'Длина * высота (итоговая с коробом:) ' .$dlina .'*' .$shirina;
echo '</br>Площадь экрана: ' .$s;
		/*Вычисления точных габаритов 32*16 см (1*1) где длина $а ширина $b */
			$a=32;
			$b=16;
				$ndlina =  (floor($dlina/$a))*$a;
				$nshirina =(floor($shirina/$b)*$b);
				$ns=$ndlina*$nshirina;
				$sht=$ns/($a*$b);/*количество плиток штук*/
				$ener=$sht*1.55; /*Потребление энергии*/
				
echo '</br> Габариты LED модулей 32*16 см (1*1):'.$sht;
echo '</br> Толщина экрана: 9см';
echo "</br>Энергопотребление: ".$ener;

?>