如何在文本框中编码，然后在代码中使用

Question

所以我正在编写一个网站，我需要显示正在调整大小的图标。这是我调整大小的代码：

$(document).ready(function() {
$("#button1").click(function() {
    $("#icon").animate({
        width: '+=30px',
        height: '+=30px'
    }, 1000);
});

$("#button2").click(function() {
    $("#icon").animate({
        width: '-=#30px',
        height: '-=#30px'
    }, 1000);
});                    

现在它调整了30像素的大小，我需要创建一个文本框，用户可以在其中键入一个数字，它将按照这个像素数调整大小，但我不知道如何编写代码。请帮助。

Answer 1

HTML：

<input id="pixInput" />

的javascript：

像这样访问变量：

$("#pixInput").val();

所以你可以说

width: $("#pixInput").val() + "px";
height: $("#pixInput").val() + "px";

也许应该进行一些验证，但这应该有效。