返回带有用户'；使用jQuery和Javascript将内容输入到UI中

我已经创建了一个基本应用程序，其中包含一个工作函数数组，该数组应该接受用户的输入，并返回一个数组，其中用户的输入是数组中的最后一个数字——在这个过程中，用字符串替换某些整数

当我

console.log

类似于

rangeOfNumbers（（0,13））它显示一切正常运行。然而，我尝试过谷歌搜索一切，查看MDN，坐在我的电脑前数小时，试图找出如何在UI中实现我的功能，以便在用户点击submit时打印出来，但我就是不知道下一步该做什么，或者我做错了什么

控制台日志记录它可以工作，但我不明白为什么用户的输入没有通过该函数自动推送到数组的末尾。如果有人能帮助这个初学者，我们将不胜感激。谢谢

下面是我的脚本文件中的代码块，我正在努力解决：


数字的函数范围（开始，数字输入）{
让rangeArray=[]；
例如（让i=start；ix.includes（“3”）？“你愿意做我的邻居吗？”：x.includes（“2”）？“Boop”：x.includes（“1”）？“Beep”：x）；
}
//这就是我遇到问题的地方。Html匹配，所以我知道不是这样。
$（文档）.ready（函数（）{
常量numberInput=$（“#numberInput”）.val（）；
$（“#formRobo”）.submit（函数（事件）{
event.preventDefault（）；
$（“#结果”）。数值范围（0，numberInput）；
});
})
要设置元素的文本

$("#result").text(rangeOfNumbers(0, +$("#numberInput").val()));

如果希望允许在
jQuery
元素上调用函数，可以在
jQuery.fn
（
jQuery.prototype
）上进行设置


数字的函数范围（开始，数字输入）{
让rangeArray=[]；
例如（让i=start；ix.includes（“3”）？“你愿意做我的邻居吗？”：x.includes（“2”）？“Boop”：x.includes（“1”）？“Beep”：x）；
}
$（文档）.ready（函数（）{
$（“#formRobo”）.submit（函数（事件）{
event.preventDefault（）；
$（“#result”）.text（数字范围（0，+$（“#numberInput”）.val（））；
});
})

提交
您的代码中有两个问题

首先，
RangeofNumber（）
不是jQuery函数。您自己定义了它，因此需要独立于jQuery调用它，并将结果设置为显示在
#result
元素中。假设这是一个
div
使用
text（）
，或者如果它是一个表单控件，则使用
val（）

第二个问题是，当页面加载时，您只读取
#numberInput
的值，因此它始终是默认值。要读取用户在提交表单之前输入的值，需要在
submit
事件处理程序中移动该行

试试这个：


数字的函数范围（开始，数字输入）{
控制台日志（numberInput）；
让rangeArray=[]；
例如（让i=start；ix.includes（“3”）？“你愿意做我的邻居吗？”：x.includes（“2”）？“Boop”：x.includes（“1”）？“Beep”：x）；
}
//这就是我遇到问题的地方。Html匹配，所以我知道不是这样。
$（文档）.ready（函数（）{
$（“#formRobo”）.submit（函数（事件）{
event.preventDefault（）；
常量numberInput=$（“#numberInput”）.val（）；
$（“#结果”）.text（数字范围（0，numberInput））；
});
})

提交
您需要使用jQuery实例的
text
方法。
你能试试这个吗

$("#formRobo").submit(function(event) {
    event.preventDefault();
    $("#result").text(rangeOfNumbers(0, numberInput));
});

谢谢Rory！我不敢相信这是那么简单的修复。非常感谢。我接受了你的回答：）没问题，很乐意帮忙