Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.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 根据输入显示多个div_Javascript - Fatal编程技术网

Javascript 根据输入显示多个div

Javascript 根据输入显示多个div,javascript,Javascript,我有一个输入类型编号 <input type="number" class="form-control" id ="nbchambre" name="nbchambre" onchange="myFunction()"> 我有另一个输入,我想根据用户输入的数字显示多次,现在我编写了以下javascript代码: function myFunction(){ var n = document.getElementById("nbchambre").valu

我有一个输入类型编号

<input type="number" class="form-control" id ="nbchambre" name="nbchambre" onchange="myFunction()">

我有另一个输入,我想根据用户输入的数字显示多次,现在我编写了以下javascript代码:

function myFunction(){
            var n = document.getElementById("nbchambre").value;
            for(count = 1; count < n+1; count++){
                var div = document.createElement('div');
                div.innerHTML = 'test';
                document.getElementById('content').appendChild(div);
            }
        }
函数myFunction(){
var n=document.getElementById(“nbchambre”).value;
用于(计数=1;计数

但这段代码不起作用,当我写一个数字时,div将显示10倍于数字的单词“test”(例如,当我写3时,它将显示单词test 30次),当我写3后再写5时,它将在前30个“test”上加50个“test”。我不擅长javascript,所以请帮助我修复此代码。谢谢

您需要确保将输入值转换为数字。否则,它将被视为字符串


函数myFunction(){
var n=编号(document.getElementById(“nbchambre”).value);
var content=document.getElementById('content');
content.innerHTML=“”;
对于(变量计数=1;计数
您需要确保将输入值转换为数字。否则,它将被视为字符串


函数myFunction(){
var n=编号(document.getElementById(“nbchambre”).value);
var content=document.getElementById('content');
content.innerHTML=“”;
对于(变量计数=1;计数
哇,真管用!!谢谢!!还有一个问题!!现在写用户需要写一个数字,然后按“回车”。。有没有可能在他写下号码后立即让脚本工作?他们不必按enter键。一旦失去焦点,它就会开火。但是如果你想在他们按下一个键时立即触发“onkeydown”事件,你可以添加一个“onkeydown”事件。是的,你可以让你的函数立即运行以响应with。因此,每当用户键入任何内容时,该函数都会运行。哇,它工作了!!谢谢!!还有一个问题!!现在写用户需要写一个数字,然后按“回车”。。有没有可能在他写下号码后立即让脚本工作?他们不必按enter键。一旦失去焦点,它就会开火。但是如果你想在他们按下一个键时立即触发“onkeydown”事件,你可以添加一个“onkeydown”事件。是的,你可以让你的函数立即运行以响应with。因此,每当用户键入任何内容时,该函数都将运行。