Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript中未捕获输入项_Javascript_Html - Fatal编程技术网

Javascript中未捕获输入项

Javascript中未捕获输入项,javascript,html,Javascript,Html,我试图构建一个应用程序,其中有一个HTML页面,通过使用Submit按钮,我可以从中获得单个输入条目,并将其存储在容器(数据结构)中,动态显示列表,即同一页面上的字符串列表 意味着每当我点击提交按钮时,该条目将自动 附加到同一页上的现有列表上 但在这个任务中,首先我尝试在javascript文件中捕获输入,但同样失败。你能告诉我,我将使用哪个命令吗 到目前为止,我的工作是:- HTML文件:- <html> <head> <script ty

我试图构建一个应用程序,其中有一个HTML页面,通过使用
Submit按钮
,我可以从中获得单个输入条目,并将其存储在容器(数据结构)中,
动态显示列表,即同一页面上的字符串列表

意味着每当我点击提交按钮时,该条目将自动 附加到同一页上的现有列表上

但在这个任务中,首先我尝试在javascript文件中捕获输入,但同样失败。你能告诉我,我将使用哪个命令吗

到目前为止,我的工作是:-

HTML文件:-

<html>
    <head>
        <script type = "text/javascript" src = "operation_q_2.js"></script>
    </head>
    <body>
        Enter String : <input type= "text" name = "name" id = "name_id"/>
        <button type="button"   onClick = "addString(this.input)">Submit</button>
    </body>
</html> 
function addString(x) {
    var val = x.name.value;
    //var s = document.getElementById("name_id").getElementValue;//x.name.value;
    alert(val);
}
var input = [];

function addString(x) {
    var s = document.getElementById("name_id").value;//x.name.value;
    input.push(input);
    var size = input.length;
    //alert(size);
    printArray(size);
}

function printArray(size){
    var div = document.createElement('div');
    for (var i = 0 ; i < size; ++i) {
        div.innerHTML += input[i] + "<br />";
    }
    document.body.appendChild(div);
    //alert(size);
}
已编辑

我的新JAVASCRIPT文件是:-

<html>
    <head>
        <script type = "text/javascript" src = "operation_q_2.js"></script>
    </head>
    <body>
        Enter String : <input type= "text" name = "name" id = "name_id"/>
        <button type="button"   onClick = "addString(this.input)">Submit</button>
    </body>
</html> 
function addString(x) {
    var val = x.name.value;
    //var s = document.getElementById("name_id").getElementValue;//x.name.value;
    alert(val);
}
var input = [];

function addString(x) {
    var s = document.getElementById("name_id").value;//x.name.value;
    input.push(input);
    var size = input.length;
    //alert(size);
    printArray(size);
}

function printArray(size){
    var div = document.createElement('div');
    for (var i = 0 ; i < size; ++i) {
        div.innerHTML += input[i] + "<br />";
    }
    document.body.appendChild(div);
    //alert(size);
}
var输入=[];
函数addString(x){
var s=document.getElementById(“name_id”).value;//x.name.value;
输入。推送(输入);
变量大小=input.length;
//警报(大小);
打印阵列(大小);
}
函数printArray(大小){
var div=document.createElement('div');
对于(变量i=0;i”;
}
文件.正文.附件(div);
//警报(大小);
}
在这里,它将字符串存储在字符串中,但无法显示在网页上。

查看此小提琴:

Javascript几乎是对的

function addString(x) {
    var s = document.getElementById("name_id").value;//x.name.value;
    alert(s);
}
尝试使用jQuery(更简单)

函数addString(){
var s=$('#name_id').val();//输入值;
$(“#list”)。附加(s+”
“;//带条目的列表 }
谢谢,我花了很多时间才做到这一点:(你能告诉我有什么好的网站可以搜索关于javascript编码的任何东西吗?如果你想学习原生javascript,不要使用jQuery。如果你想使用简单的javascript,库中90%的人都会使用jQuery。@Neils:我又卡住了,出现了新问题。请帮助。阅读我编辑的代码
++I
应该是
 i++
。因为
++1
在读取之前会增加值。而
i++
之后会增加值。您的索引太高,从1开始,而不是0谢谢:),但我必须在javascript+HTML+CSS中完成这些赋值。(这是我的初始阶段)。当我在这些方面获得了很好的知识后,我将跳入jQuery。