[Alfer]

есть поля ввода:

<ul>
    <li>
        <label>Width</label>
        <input type="text" name="width" id="widh_text_one" class="size_text" ></span>
    </li>
    <li>
        <label>Height</label>
        <input type="text" name="height" id="height_text_two" class="size_text" ></span>
    </li>
    <li>
        <label>Results</label>
        <input type="text" name="results" class="size_text_" value="<?php echo $pieces; ?>"></span>
    </li>
</ul>

есть пхп код:

<?php
$pieces = "N/A";
if (!empty($_POST['height']) && !empty($_POST['width'])) {
    $height = $_POST['height'];
    $width = $_POST['width'];
    if ($height >= 900 && $height <= 1100 && $width >= 800 && $width <= 1000){
        $pieces = 53;
    } elseif ($height >= 500 && $width >= 600) {
        $pieces = 52;
    }
}?>

когда в поля с шириной и высотой вводят данные, то скрипт проверяет значения и выдает в переменную pieces значение, т.е. каждому диапазону соответствует свое значение - но мне сказали что лучше на JS сделать чтоб страницу не перегружать, помогите переделать на JS - спасибо