Auf Thema antworten

Beitrag

[QUOTE="Blvcksquid, post: 13156, member: 4294"]
So nach langer Abwesenheit melde ich mich wieder,

mit folgendem Code:
[CODE=html]     <tr>
                <td>
                    <select id="card" onchange="showCard()" required>
                        
                     <option value="empty" selected disabled>Wähle eine Karte:</option>   
    <option value="F">Flamara</option>
    <option value="A">Aquana</option>
    <option value="B">Blitza</option>
    <option value="Q">Quajutsu</option>
    </select>
    </td>
        </tr>
    </table>
    
    
        
        <label id="number-label" placeholder="1" for="number"> Stückzahl</label><input id="quantity" type="number" placeholder="number" name="amount" value="1" required min="1" max="10">
 
    
    
         </form>

<button  id="insert">Karte(n)zum Angebot hinzufügen</button>
                <button id="reset">Reset</button>
    
                <div>
                    <p>Angebotsübersicht</p>

<table id="producttable">
  <thead>
    <tr>
      <td>Karte</td>
      <td>Anzahl</td>
    </tr>
  </thead>
  <tbody id="subject">
      
    
    
  </tbody>
</table>

</template>

</div>
         [/CODE]

und JS:

[CODE=javascript]const insert = document.querySelector('#insert');
insert.addEventListener('click', () => {
  const subject = document.querySelector('#subject');
    var sub = document.getElementById("subject");
    
 
             var   card = document.getElementById("card").value;
            var quantity = parseInt(document.getElementById("quantity").value);
              
                alert(quantity);
    
      
var existingquantity = 0;
    
                if(card == "F" && existingquantity == 0){
                    
                    window.existingquantity += quantity;
    
                    alert(existingquantity);
                    
              
                    
                
                    
                    subject.insertAdjacentHTML("beforeend", '<tr> <td ><strong>Flamara</strong></td><td id="test">'+existingquantity+'</td></tr>');
                    
      
                }
  else {
      alert("es hat geklappt");
    };

});

const reset = document.querySelector('#reset');
reset.addEventListener('click', () => {
  document.location.reload();
});

[/CODE]

Was ich im Prinzip will ist, die ausgewählte Quantität einer individuellen Karte zu erhöhen  ohne eine neue Tabellenreihe zu erstellen, sollte diese Karte bereits in der Tabelle sein.
[/QUOTE]

Authentifizierung