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>