ho risolto grazie al consiglio di ilgiovo usando lo strumento per sviluppatori che mi ha fatto capire il problema (dovevo inserire dentro l'head html i seguenti script):

<script src='https://code.jquery.com/jquery-3.3.1.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js'></script>


adesso ho un altra questione:

AJAX
codice:
$(document).ready(function(){

            $("#submit").click(function(){
                var barcode =  $("#barcode").val();
                $.post("index2.php", 
                {
                    barcode: barcode
            
                },function(data,status){
                    alert(status);

                });


           });
           
           
    });

HTML
codice:
<form action='index2.php' method='get'>

<input type='text' id='barcode' name='barcode' placeholder='BarCode'>

<input type='submit' id='submit' name='sendbarcode'  placeholder='sendbarcode' value'invia'>

</form>
vorrei praticamente che appena arriva un valore dentro l'input text, il bottone submit viene cliccato "automaticamente" (ovviamente se non arriva nessun valore nell'input text il bottone di submit NON DEVE partire automaticamente)... è una cosa fattibile? mi dareste una mano per favore