JavaScript按钮更改html输入名称

我用JScript创建了一个按钮，在单击时将文本区域（问题）一个一个地添加到另一个下面。我在调整一个函数时遇到了问题，该函数将根据问题的数量（变量n）更改textareas的名称

因此，对于问题1，我想要textarea name=“question1”…

还有其他解决办法吗？我的车坏了：(

script.js

n=1;
function add() {
if(1==1){
document.getElementById('new').innerHTML += '<div>' + n + '. Question: <br/><textarea name="question[n]" rows="4" cols="50"></textarea><br/></div>';
            n++;
            }}

n=1；
函数add（）{
如果（1==1）{
document.getElementById（'new'）。innerHTML+=''+n+'。问题：

；
n++；
}}

你差点就成功了

n=1;
function add() {
    document.getElementById('new').innerHTML += '<div>' + n + '. Question: <br/><textarea name="question'+n+'" rows="4" cols="50"></textarea><br/></div>';
    n++;

}

n=1；
函数add（）{
document.getElementById（'new'）。innerHTML+=''+n+'。问题：

；
n++；
}

更新小提琴：

通过拆分长串可以让你的大脑更快乐，调试更容易

var n=1,
    container,
    start, middle, end, out;

function add() {
    container = document.getElementById('questions');

    start = '<div>' + n + '. Question: <br/>';
    middle = '<textarea name="question'+n+'" rows="4" cols="50">';
    end = '</textarea><br/></div>';
    out = start + middle + end;             

    container.innerHTML += out;

    n++;

}

var n=1，
集装箱，
开始、中间、结束、结束；
函数add（）{
container=document.getElementById（'questions'）；
开始=''+n+'。问题：
；
中间=''；
结束=“
”；
出=开始+中间+结束；
container.innerHTML+=out；
n++；
}

替代小提琴：

document.getElementById（'new'）。innerHTML+=''+n+'。问题：

；

var n=1,
    container,
    start, middle, end, out;

function add() {
    container = document.getElementById('questions');

    start = '<div>' + n + '. Question: <br/>';
    middle = '<textarea name="question'+n+'" rows="4" cols="50">';
    end = '</textarea><br/></div>';
    out = start + middle + end;             

    container.innerHTML += out;

    n++;

}

document.getElementById('new').innerHTML += '<div>' + n + '. Question: <br/><textarea name="question'+n+'" rows="4" cols="50"></textarea><br/></div>';