basti1012.bplaced.net

Hallo, benötige etwas Hilfe. Ich lasse über einen loop buttons aktivieren und definieren. Funktioniert alles wunderbar! Nun versuche ich über .addEventListener die Eingabe neben den buttons in Textform anzeigen zu lassen. Ist es möglich, um nur eine function zu nutzen, eine weitere Variable zu übergeben? Ich weiß leider nicht wie ich diese Variable parallel zu ev übergeben kann. Möchte nur Javascript verwenden. Danke & Grüße

Code

                                    
                                <style>
  h2{
  display:block;
  width:50%;
}
.row{
  display:flex;
  margin:3px 0 0 0;
}
.row > *{
  flex:1;
}
.ueber{
 font-size:20px;
  display:flex;
}
.ueber > div{
  flex:1;
  border-bottom:2px solid black;
}
.output{
  border-bottom:2px solid lightgrey;
  margin:0 4px 0 12px;
  padding:0 10px;
}
</style>
<div class="ueber">
  <div>Texteingabe</div>
  <div>Textoutput</div>
</div>
<div class="row"><input id="w1" type="text" value="inhalt 1"><div class="output"></div></div>
<div class="row"><input id="w2" type="text" value="inhalt 2"><div class="output"></div></div>
<div class="row"><input id="w3" type="text" value="inhalt 3"><div class="output"></div></div>
<div class="row"><input id="w4" type="text" value="inhalt 4"><div class="output"></div></div>
<div class="row"><input id="w5" type="text" value="inhalt 5"><div class="output"></div></div>
<div class="row"><input id="w6" type="text" value="inhalt 6"><div class="output"></div></div>
<div class="row"><input id="w7" type="text" value="inhalt 7"><div class="output"></div></div>
<div class="row"><input id="w8" type="text" value="inhalt 8"><div class="output"></div></div>
<div class="row"><input id="w9" type="text" value="inhalt 9"><div class="output"></div></div>
<div class="row"><input id="w10" type="text" value="inhalt10"><div class="output"></div></div>

<div id="info"></div>
<script>
  inp=document.querySelectorAll('input');
inp.forEach(function(w){
    w.addEventListener('keyup',function (){
         out=w.value;
         w.nextSibling.innerHTML=out;
         test();// zeichen zähler
    })
});



</script>