how to pull the value from the header and insert it into the link using JS Elementor

Question

How to pull the value from the header and insert it into the button link.

<script>

$('document').ready(function(){
        $('#btn1').click(function(){
            let prop= 'https://examlp.com/PDFs/';
                let pr= $("#name").val(); //set the name value in the header css id
            window.location.href=prop+pr;
        
      return false;
    });
 });

</script>`