Erstes Javascript Spiel: Kreis-Klicker

Hallo, Vor 3 Wochen habe ich angefangen programmieren zu lernen. Nun habe ich die Initiative erfasst und ein eigenes selbst erstelltes Spiel mit Javascript erstellt. Nun möchte ich gerne Feedback und Verbesserungsvorschläge bekommen um besser zu werden. Ist es gut so ein Spiel nach 3 Wochen zu programmieren? Das würde mich sehr interessieren, da ich fast 4 Tage an diesem Spiel gebaut hab.

Der hier verwendete Code

<style> output{ position:fixed; top:0; left:0; padding:2px 15px; min-width:100px; height:50px; border:1px: solid red; background:rgba(2,2,2,0.8); text-align:center; font-size:35px; color:white; display:block; } main{ display:flex; flex-wrap:wrap; } .kreiss{ width:30vw; height:30vw; border-radius:50%; border:3px solid black; text-align:center; line-height:30vw; font-size:4vw; } .kreiss:nth-child(even){ background:lightgreen; } .kreiss:nth-child(odd){ background:lightblue; } </style> <output>0</output> <main> <div class="kreiss" data-wert="1">+1</div> <div class="kreiss" data-wert="10">+10</div> <div class="kreiss" data-wert="20">+20</div> <div class="kreiss" data-wert="50">+50</div> <div class="kreiss" data-wert="100">+100</div> <div class="kreiss" data-wert="300">+300</div> <div class="kreiss" data-wert="1500">+1500</div> <div class="kreiss" data-wert="10000">+10000</div> <div class="kreiss" data-wert="30000">+30000</div> </main> <script> var krei=document.querySelectorAll('.kreiss'); krei.forEach(function(x){ x.addEventListener('click',function(){ zusammen_rechnen(x.getAttribute('data-wert')); }) }) function zusammen_rechnen(plus){ var out=document.getElementsByTagName('output')[0]; out.innerHTML=parseInt(out.innerHTML)+parseInt(plus); } </script>

Add Comment

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

Comments

No comments yet. Be the first!