jQuery Bereken

Hi,

Ik ben voor een klant bezig met een website, en nu zit ik even met jQuery. Aangezien ik daar niet echt pro in ben.

Ik probeer nu een soort selectievak te maken met daarin een getal en als je dan op een omhoog icoontje drukt dan is het de bedoeling dat het getal 1 meer wordt en bij omlaag knopje precies hetzelfde maar dan -1 getal.

Nu probeerde ik dat te maken, maar wanneer ik op me omhoog knopje druk dan krijg ik bijvoorbeeld dit:

Ik heb als getal 1 en als ik omhoog druk dan krijg ik 11

Dat is dus niet de bedoeling. Wie weet hier raad mee?

<script type="text/javascript">
             $(document).ready(function() {
             
                $(".select-up").click(function() {
                
                    $(".select-mid").html($(.select-mid).html() + 1);
                    
                });
                
            });
        </script>

Bedankt.

Gegroet,
Shahiem

<script type="text/javascript">
var waarde = 1;
             $(document).ready(function() {
             
                $(".select-up").click(function() {
                
                    waarde++;

                    $(".select-mid").html(waarde);
                    
                });
                
            });
        </script>

Ik zou het zo oplossen

Dankje, en weet je hoe ik er voor kan zorgen dat als ik het kruisje omlaag druk dat hij niet onder de 0 gaat. (let niet op uitlijning)

$(".select-down").click(function() {
                    
                    if(waarde == 0)
                        alert(dd);
                    else
                        $(".select-mid").html($(.select-mid).html() - 1);
                });

<script type="text/javascript">
var waarde = 1;

$(document).ready(function() {
                
    $(".select-up").click(function() {
                    
        waarde++;

        $(".select-mid").html(waarde);
                        
    });

    $(".select-down").click(function() {
                    
        if(waarde > 0){

            waarde--;

            $(".select-mid").html(waarde);

        }
        else
        {

            alert("Hallo");

        }
                        
    });
                    
});
</script>

Jij bent mijn held man! Super bedankt!