JSFiddle - React, Tailwind, and code Playground

by Brunno Romero

HTML

<p>
    <button class="vai">concatena tudo!</button>
</p>
<input type="text" class="item_1" value="valor1">
<br>
<input type="text" class="item_2" value="valor2">
<br>
<input type="text" class="item_3" value="valor3">
<br>
<input type="text" class="item_4" value="valor4">
<br>
<input type="text" class="itemfalso" value="valor5">
<br>
<input type="text" class="item_minhaextensao" value="valor6">
<br>
<p>
    <input type="text" class="result" value="">
</p>

JavaScript

$(document).ready(function () {
    $('button.vai').click(function () {
        
        var arrayValor = $("input[class^='item']").map(function () {
            return this.value;
        }).get().join('#');

        $('.result').val(arrayValor);
    });
});