Js Keyeingabe + Animate Problem

Quote:

Originally Posted by Cc_Cc_Cc Guten Tag, ich habe eine Textarea und wenn man mehr als 5 Zeichen eingibt soll die Höhe um 100px steigen. Klappt auch , aber wenn ich jetzt mal sehr sehr schnell etwas eingebe macht er die höhe 2x oder 3x plus 100px. Also er führt dann den Animate Befehl 2-3x aus, dann ist meine Area Box nicht um 100px gestiegen sondern um 200-300px. Woran liegt das? PHP Code:             $('.comment-area-text').on('keyup', function(e) {                              var data = $(this).val();                                  if(data.length > 5) {                                          if($('.comment-area-text').height() === 19) {                                              $('.comment-area-text').animate({                             "height":"+=100px"                         }, 500);                                                               }                                      } });

			$('.comment-area-text').on('keyup', function(e) {
			
				var data = $(this).val();
				
				if(data.length > 5) {
					
					if($('.comment-area-text').height() === 19) {
					       $('.comment-area-text').stop(true,true);
						$('.comment-area-text').animate({
							"height":"+=100px"
						}, 500);
				
						
					}
					
				}
});

const fontSize = 32;
const lineWidth =  10 //10 characters per line

            $('.comment-area-text').on('keyup', function(e) {
                var data = $(this).val();
                let boxHeight = fontSize + (Math.floor(data.length/lineWidth))*fontSize;
		$('.comment-area-text').stop(true,false);
                $('.comment-area-text').animate({
                            "height":`${boxHeight}px`
                }, 500);                
});