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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!