JSFiddle - React, Tailwind, and code Playground

by meo

HTML

<input type="text" value="stefan, flo, alena, dave, julia" />
<div></div>

JavaScript

function pifpafpuf ( $listae, $resultat, gschwindigkeit ){
    var alliluet, zaeler, satz, satzTeili, dubischdus, ufsaege, people = $listae.val().split(", ");

    satz = "a, zele, böle, schele, dchatz, gaht, uf, walisele, chunnt, sie, wiedr, hei, het, sie chrummi, bei, pif, paf, puf, und, du, bisch, dus!, > {person}";
    
    alliluet = people.length;
    dubischdus = Math.floor(Math.random() * alliluet);
    satz = satz.replace("{person}", people[dubischdus]);
    satzTeili = satz.split(",");
    
    zaeler = 0;
    
    $resultat.text("");
    
    ufsaege = setInterval(function(){

        $resultat.text( $resultat.text() + satzTeili[zaeler] );
        if (zaeler + 1 === satzTeili.length ) {
            clearInterval(ufsaege);
        }
        
        zaeler++;
        
    }, gschwindigkeit);
    
    

}

pifpafpuf( $("input:eq(0)"), $("div:eq(0)"), 400 );