set img border size from input js+php wordpress

Solution:

the cript should look like this to work

echo "
<script>
function ramka_size(){
    var input = document.getElementById('name').value;
    let ramka = document.getElementsByClassName('woocommerce-product-gallery__image');
    for(var i=0; i<ramka.length; i++){
        ramka[i].style.border= input+'px solid black';
    }
} 

jQuery(document).ready(function($) {
    $('.woocommerce-product-details__short-description').after( \"<input  type='number'  class='form-control' name='name' id='name' onchange='ramka_size()' value='' placeholder='Размер рамки'>  \" );
});
</script>
 ";