Button für weitere Buttons

Guten Tag, ich möchte auf meiner Website ein Voting machen. Dieses soll erscheinen, wenn man auf einen kleinen Button drückt. Ich möchte also, dass die Seite einen Knopf hat, auf dem „V“ steht. Wenn man auf diesen „V“ Button drückt, soll dann Buttons von 1 bis 10 erscheinen. Ich freue mich sehr über Hilfe. Mit freundlichen Grüßen Adrian.

Der hier verwendete Code

<style> .voting{ width:40px; height:40px; border-radius:50%; font-weight:900; } .helferbox{ display:none; margin-top:100px; } #open{ position:absolute; top:0; right:0; height:50px; width:50px; font-size:35px; } </style> <input id="open" type="button" value="V"> <div id="helferbox" class="helferbox"> <input type="button" class="voting"value="1"> <input type="button" class="voting" value="2"> <input type="button" class="voting" value="3"> <input type="button" class="voting" value="4"> <input type="button" class="voting" value="5"> <input type="button" class="voting" value="6"> <input type="button" class="voting" value="7"> <input type="button" class="voting" value="8"> <input type="button" class="voting" value="9"> <input type="button" class="voting" value="10"> </div> <div id="out"></div> <script> var offnen=document.getElementById('open'); var box=document.getElementById('helferbox'); var but=document.querySelectorAll('.voting'); offnen.addEventListener('click',function(){ box.classList.toggle("helferbox"); }) but.forEach((i) => { i.addEventListener('click',function(){ document.getElementById('out').innerHTML=i.value+' Gedrückt'; }) }) </script>

Add Comment

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

Comments

No comments yet. Be the first!