jQuery If Else If Input element output integer

Question

Я создаю форму, которая будет отображать значение как целое число.

Он будет идти что-то вроде этого:

Как тяжел ваш товар?

150 грамм

Тогда в JQuery Я хочу, чтобы это сделать:

if (weight < 100) { 
    echo £1 
} else if(weight > 100 and less than 200) { 
    echo £2 
} else { 
    echo £3 
} 

Мой HTML является:

<input type="number" name="weight" id="Weight"> 
<p>This is <span id="Output"></span> something</p> 

Но это нужно сделать, это жить, когда пользователь в форму HTML. Извините, я просто изучаю jQuery и javascript (я парень php)!

Я бы предпочел решение с помощью jQuery.

Answer 1

Попробуйте это:

$('#Weight').on('keyup', function() { 
    var price = '£3'; 

    if (this.value < 100) { 
     price = '£1'; 
    } else if (this.value >= 100 && this.value < 200) { 
     price = '£2'; 
    } 

    $('#Output').html(price); 
}); 

Здесь работает: http://jsfiddle.net/TYXMr/