Javascript 显示多个div的输入内容

我想给出全部。firstname显示输入的内容，但我不知道怎么做。以下是代码：

    <input type="text" id="firstname" name="firstname" placeholder="First name">
    <button id="firstname-btn" onclick="show()">SHOW</button>
    <div class="firstname-show"></div>
    <div class="firstname-show"></div>

---

查询选择器将返回一个数组，因此您必须使用for循环进行迭代。请参阅下面的函数

function show() {
    var name = document.getElementById('firstname').value;
    var elements = document.querySelectorAll('.firstname-show');

    for(var i in elements){
        elements[i].textContent = name;
    }
}

---

查询选择器将返回一个数组，因此您必须使用for循环进行迭代。请参阅下面的函数

function show() {
    var name = document.getElementById('firstname').value;
    var elements = document.querySelectorAll('.firstname-show');

    for(var i in elements){
        elements[i].textContent = name;
    }
}

---

由于querySelectorAll返回一个集合，因此可以使用集合上的forEach方法浏览每个元素并应用所需的处理

const show=（）=>{
让value=document.getElementById（'firstname'）.value；
document.querySelectorAll（'.firstname show'）
.forEach（div=>div.textContent=value）；
}

显示

由于querySelectorAll返回一个集合，因此可以使用集合上的forEach方法浏览每个元素并应用所需的处理

const show=（）=>{
让value=document.getElementById（'firstname'）.value；
document.querySelectorAll（'.firstname show'）
.forEach（div=>div.textContent=value）；
}

显示