I have this code and i want the function on the button to show these divs again and i can add data again, for now the data is purely static :

<h2 class="h5 mb-4">Adicionar Componentes</h2>

            <div class="row align-items-center">
                <div class="col-md-6 mb-3">
                    <label for="designacao">Designação</label>
                    <select class="form-select mb-0" id="designacao" name="designacao">
                        <option value="DO" selected disabled> Selecione a designacao do componente</option>
                        <option value="1">Arduino</option>
                        <option value="2">Sensor Bluetooth</option>
                        <option value="3">Sensor De Movimento</option>
                    </select>
                </div>
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <label for="stock">Stock</label>
                        <input class="form-control" id="stock" name="stock" type="number" placeholder="Insira o stock do componente" required>
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <label for="stockatual">Stock Atual</label>
                        <input class="form-control" id="stockatual" name="stockatual" type="number" value="4" placeholder="Insira o stock do componente" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <label for="entregue">Entregue</label>
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" id="entregue" name="entregue">
                    </div>
                </div>
            </div> --}}