Changing font size based on text input

Question

Say I have:

<input type="text" name="changefont" value="16"> 

How do I change a certain node's font-size (for example a paragraph) based on keyup when user types in the value of the font they want?

So far I thought it would be this, but I guess not:

 $('input[name="changefont"]').bind("keyup", function(){
 var fontSize = $(this).val();
 $('p').css('font-size', fontSize);
 });

Answer 1

Aside from the selector typo, you need to add a unit in addition to the inputs value:

$('input[name="changefont"]').bind("keyup", function() {
    var fontSize = $(this).val();
    $('p').css('font-size', fontSize + "px");
});

I also recommend using .on() in place of .bind() especially if you're using ver. 1.7+