Variable bei .addEventListener übergeben
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
Der hier verwendete 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>