JSFiddle - React, Tailwind, and code Playground

HTML

<form id="formular">
    <fieldset>
        <label for="feld1" id="label1">Feld 1</label>
        <input type="text" name="feld1" id="feld1">
        <label for="feld2" id="label2">Feld 2</label>
        <input type="text" name="feld2" id="feld2">
        <label for="feld3" id="label3">Feld 3</label>
        <input type="text" name="feld3" id="feld3">
        <label for="feld4" id="label4">Feld 4</label>
        <input type="text" name="feld4" id="feld4">
        <label for="feld5" id="label5">Feld 5</label>
        <input type="text" name="feld5" id="feld5">
        <label for="feld6" id="label6">Feld 6</label>
        <input type="text" name="feld6" id="feld6">
    </fieldset>
</form>
<form>
    <button type="button" id="ausgabe">Click Me!</button>
</form>
            
            <div id="ausgabe1"></div>

CSS

#formular label {
    float:left;
    width:200px;
}
#formular input {
    float:left;
}

JavaScript

jQuery('#ausgabe').click(function () {
    var i = 1;
    jQuery('#formular input').each(function () {
        if (jQuery(this).val().length > 0) {
            var piece = jQuery(this).val();
            jQuery('#ausgabe1').text(jQuery('#ausgabe1').text() + ", " + jQuery("#label" + i).text() + " - " + piece);
            i++;
        }
    });
});