JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<div id="flowContainer">
    <form>
        
        <input type="text" name="voornaam"/>
        <input type="submit" 
            value="next" 
            data-flownaam="flownaam" 
            data-flowstate="state1" 
            data-flowevent="event2" 
        id="next"/>
    </form>

</div>

JavaScript

$("#flowContainer #next").on("click", function(){
    var flownaam = $(this).attr("data-flownaam");
    var flowstate = $(this).attr("data-flowstate");
    var flowevent = $(this).attr("data-flowevent");    
    console.log(flownaam+'/'+flowstate+'/'+flowevent)
        
    $.ajax({
        url: flownaam+'/'+flowstate+'/'+flowevent,
        cache: false        
    }).done(function( html ) {
        $("#flowContainer").empty().append(html);
    });    
    
});