How to integrate Jquery with html

How to integrate Jquery with html

Hi All,

This is my first question on this forum.

I am automating a process wherein I need to login to a website and navigate to specific tab and then download few CSV files from that website.

I have written a Jquery code which works fine in chrome console but I want to integrate this code with html and I am not able to do that as I am not sure what should be called in body tag of html.

Can somebody please help me ?

  2. <!DOCTYPE html>
  3. <html>
  4.     <head>
  5. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  6. <script type="text/javascript"> 

  8. $(document).ready(function () {
  9.        $('.ibody tr').each(function (a, b) {
  10.   var count=0;
  11.       var name = $('.cl', b).text();
  12.       if(name.indexOf(".CSV")!==-1 && name.indexOf("TAS")!==-1){
  13.       var d= a-9;
  14.       var hiddenIFrameID = 'hiddenDownloader' + count++;
  15.       var element=document.createElement('a');
  16.      element.href = "https://www.shipper-ml.com/viewReports.do?ctrl=reportListForDownload&action=DownloadReport&param="+d;
  17. element.target='_blank';
  18. element.classList.add("download");
  19. document.body.append(element);

  21.           }
  22.             });
  23. setTimeout(function(){
  24. var linkslength=$(".download").length;
  25. for(var i=0;i<linkslength;i++)
  26. {
  27. $(".download")[i].click()}
  28. },500);
  29.         });
  30. </script>
  31.     </head>
  32.     <body>

  34.            <div class="container">
  35.     <div id="objectsDiv">
  36.     <div id="lc_ctrl1341970887">
  37.     <table class="ibody">
  38.      <tbody>
  39.                         <tr class="header">
  40.                             <td>
  41.                                 Report ID
  42.                             </td> 
  43.                             <td>
  44.                                Version No.
  45.                             </td>
  46.                             <td>
  47.                                 Report Type
  48.                             </td>
  49.                             <td>
  50.                                Date Created
  51.                             </td>
  52.                             <td>
  53.                                 Status
  54.                             </td>
  55. <td align="center">
  56. Excel
  57. </td>
  58. <td align="center">
  59. XML
  60. </td>
  61.                         </tr>
  62.                     </tbody>
  63.                 </table>
  64. </div>
  65.         </div>
  66.      </div>

  68. </body>
  69. </html> 
  70.     </body>
  72. </html>