javascript - 输入数字时如何显示标签数量?使用 javascript 和 html 和 nodejs

标签 javascript node.js handlebars.js

我有 1 个输入字段(name="no_of_days")和 1 个标签(name="label_days")和提交按钮。当输入天数并单击 提交按钮我想显示标签的数量。 例如:= no_of_days == 5 然后 显示 5 个标签 我想使用 javascript 和 html 以及 nodejs

这是我的尝试.. 但是 console.log("inside function");不会进入 cmd。 (我的英语不好。我想你能明白我在说什么)

 //package1.handlebars
<form action="/users/package1" method="post">

<div id="container">
<input name="test" type="text"  >
<input value="add" type="submit"  onClick="add()">
</div>
//end package1.handlebars



//inside routes file > users.js
router.get('/package1', function(req, res) {
 res.render('package1');
});

router.post('/package1', function(req, res) {
 res.render('package1');
var i=0;
console.log(i);
function add(){    
  console.log("inside function");
    if (User.getElementById('test').value!='') 
    {   
        i++;  
        var title   =User.getElementById('test').value;
        var node = User.createElement('div');        
        node.innerHTML = '<input type="checkbox" id="check' + i + '" name="check' + i + '"><label for="check' + i + '">'+ test +'</label>';       
      User.getElementById('container').appendChild(node);    
    }
}; 
});

最佳答案

<!DOCTYPE html>

<html>

<body>

<label> no_of_days </label>

<input type="number" id="myNumber" value="2" name="no_of_days">

<button type="button" onclick="myFunction()">  Submit </button>

<p id="demo"></p>

<script>
    function myFunction() {

         var label = "";

        var x = document.getElementById("myNumber").value;

        for(var i =1; i <= x; i++){

            label += "label day:" +i + "<br>";

        }
            document.getElementById("demo").innerHTML = label; 

    }

</script>

</body>

</html>

关于javascript - 输入数字时如何显示标签数量?使用 javascript 和 html 和 nodejs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48901072/

相关文章:

javascript - VueJS - 防止链接点击默认但也捕获对象

node.js - Mongoose 版本控制损坏了吗?

javascript - mongoDB与MongoClient的连接问题

javascript - 使用 Adob​​e Dreamweaver 时如何禁用 "Node.js: Server-side JavaScript"的自动启动?

javascript - Handlebars 增加档次

meteor - meteor 模板可以直接访问 session 变量吗?

javascript - 将图标添加到 amCharts 工具提示

javascript - 如何根据es6中对象的id返回一个唯一对象数组?

javascript - 图表最小值 (Chart.js)

html - Handlebars 布局中的 CSS 不适用于车身