basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    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.

    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>