javascript - ユーザーが指定した寸法に従って長方形を作成するにはどうすればよいですか？

Question

入力領域内に入力された値に従って、長方形を作成しようとしました。具体的には、次の2つのフィールドがあります。

幅：

身長：

そこで、幅と高さの値をJavaScriptの関数に渡し、入力した値に従って長方形を作成したいと思いました。

インターネットを調べてみましたが、何時間もかけても解決策が見つかりませんでした。:(どんな助けでもありがたいです。

PS小さなフィドルまたは例が役立ちます。

Answer 1

HTML本体：

<input type='text' id='w'>
<input type='text' id='h'>
<input type='submit' id='go'>
<div id='shape'><div>

js：

  $(function(){
        $('#go').click(function(){
          $('#shape')
            .css('width',$('#w').val())
            .css('height',$('#h').val())
            .css('border','2px solid black');
        });
    });

http://jsfiddle.net/LAtNC/

'div'にcssプロパティを設定するだけで、もちろん入力を確認するだけです。これは単なる例です。

Answer 2

インターネットで何を調べましたか？

jQuery val（）を使用して、高さ、幅のテキストボックスの値を取得できます。

$('#ID').val();

次に、取得した値を要素に設定します

$('#element').css('height',height_from_text_box);
$('#element').css('width',width_from_text_box);