javascript - 在 Javascript 中，如何使输入框随着其中的值的变化而变化？

我知道我可能没有很好地解释自己，但这是代码。我正在通过制作一个计算平方英尺的程序来试验 javascript。

JS，在头脑中

function myFunction()
{
    var x =0;
    var y =0;
    var z =0;

    x =document.getElementById("sqrft");
    y = document.getElementById("length");
    z = document.getElementById("width");
    if(x>0 && y>0)
    {
        x.value=y*z;
    }
}

HTML

<p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p>
Enter your length: <input type="text" id="length" onkeyup="myFunction()">
Enter your width: <input type="text" id="width" onkeyup="myFunction()">
Enter your totalsqrft: <input type="text" id="sqrft" onkeyup="x.value">

所以基本上我试图让“sqrft”的值随着长度和宽度的变化而变化。

最佳答案

您需要使用:

function myFunction() {
    var x = 0;
    var y = 0;
    var z = 0;

    x = document.getElementById("sqrft");
    y = document.getElementById("length").value; // get value of y
    z = document.getElementById("width").value;// get value of z
    if (y > 0 && z > 0) { // compare value of y and z instead of x and y
        x.value = y * z;
    }
}

Fiddle Demo

关于javascript - 在 Javascript 中，如何使输入框随着其中的值的变化而变化？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23137146/