如何使用表单输入编号作为Javascript变量？ //用于计算付款后余额（x）和利息的for循环 //我想从表单输入框中定义的变量 对于（i=6000；i>=10；i=i*（1+0.2/26）-x）{ var x=155； 文件。填写（“余额”+“$”+i+”）； }

您可以在输入元素中附加一个伪类，然后按如下方式插入值：

<form>
  <input type="text" name="" value="">
</form>
//for loop used to calculate balance after payment(x) and interest
// the variable I want defined from the form input box
for(i = 6000; i>=10; i = i * (1+0.2/26)-x){
    var x = 155;
    document.write("Balance " + " $" + i + "<br/><br/>");
}

var ele=document.getElementsByClassName（“js利息”）[0]；
var值=parseFloat（ele.value）；

您可以尝试

document.getElementById（'input_id'）.value

然后使用

parseInt

将其作为整数，如下所示：

<input type="text" name="" value="" class="js-interest">

<script>
    var ele = document.getElementsByClassName("js-interest")[0];
    var value = parseFloat(ele.value);
</script>

此外，html必须如下所示：

var x = parseFloat(document.getElementsByName('number_box').value);

或者，可以使用

document.getElementsByName（）

而不是

document.getElementById（）

或

document.getElementsByClassName（）

更新： 如果我没有错的话

<form>
    <input type="text" name="number_box" value="">
</form>

document.querySelector

它使用CSS样式选择器。因此，选择表单中的输入字段。我在表单中添加了一个名称，名为

name=“我的号码”

现在，使用css选择器

表单输入[name=“my_number”]

选择表单中名为

“my_number”

将返回输入元素的整个查询选择器如下：

document.querySelector（'表单输入[name=“my_number”]”）

现在，要获取输入字段的值，您必须读取输入字段的

value

属性

document.querySelector（'form input[name=“my_number”]”）。value

这将以字符串形式返回输入值

现在，我们需要将该字符串值解析为整数格式

我们这样做，（使用

parseInt

）

parseInt（document.querySelector（'forminput[name=“my_number”]”）.value）

我已在名为

calc

x = parseInt(document.querySelector('form input[name="my_number"]').value);

当您提交表单时会调用它

为此，我在表单标记上添加了

onsubmit='calc（）'

此外，我还添加了一个函数，当您也按enter键时提交表单（只是为了好玩）：）

它只需监听向下键并检查是否为回车键（键代码为13）

并调用相同的

calc

函数

函数计算（）{
var x=parseInt（document.querySelector（'forminput[name=“my_number”]”）的值）；
var ans=计算你的价值（x）；
文件。写入（“余额”+“$”+ans+”

）；
}
document.onkeydown=函数（）{
如果（window.event.keyCode=='13'）{
计算（）；
}
}
函数计算您的值（x）{
//计算ans，因为循环似乎有问题
//对于（i=6000；i>=10；i=i*（1+0.2/26）-x）{}
返回x；//伪ans
}

x = parseInt(document.querySelector('form input[name="my_number"]').value);

  function calc() {
     var x = parseInt(document.querySelector('form input[name="my_number"]').value);

    var ans= calculate_your_value(x);


    document.write("Balance " + " $" + ans + "<br/><br/>");
}

function calculate_your_value(x){
  // calculate the ans the for loop seems buggy
  //for (i = 6000; i >= 10; i = i * (1 + 0.2 / 26) - x) {}

  return x; //dummy ans
}

document.onkeydown=function(){
    if(window.event.keyCode=='13'){
        calc();
    }
}