javascript function is not displaying anchor tag

Question

let css_pdf_zero = ['cssFoundations.pdf', 'cssCookBook.pdf'];
           
            function pdf_load_zero(pdf, path){
            path = path || 'pdf-testing/'; // default path here
                 var pdfAnchor = '<a href="' + path + '" alt = "">' + '</a>';
                document.write(pdfAnchor); document.close();
            }
            $('#tabs-one1').html(pdf_load_zero(css_pdf_zero));

Can anyone tell me what is wrong with this code?

Answer 1

Is this closer to what you are trying to do?

let css_pdf_zero = ['cssFoundations.pdf', 'cssCookBook.pdf'];
           
function pdf_load_zero(pdf, path){
  path = path || 'pdf-testing/'; // default path here
  var pdfAnchor = '<a href="' + path + '" alt="">Text</a>';
  $('#tabs-one1').html(pdfAnchor);
}

pdf_load_zero(css_pdf_zero);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tabs-one1"></div>