title: HTML links show up but don't work properly
body: <p>I am relatively new to javascript and creating servers/websites so sorry if there is something very stupid :)
  When I go to the server address it displays all the links but I cant click them. I can right click it, copy the link address and search it and that works but I cant find any issue with my code. There is no CSS file
  This is my all my code:</p>
  <pre><code>/*
  ------------------------------------------------
  ------------------------------------------------
  &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt; Below created by J.E &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;
  ------------------------------------------------
  ------------------------------------------------
  */
  
  /* requires */
  var fs = require('fs')
  var https = require('https')
  const http = require(&quot;http&quot;);
  
  /*----------------------
   setting up the server 
   ----------------------*/
  const host = 'localhost';
  const port = 8080;
  
  http.createServer(function (req, res) {
    var html = buildHtml(req);
  
    res.writeHead(200, {
      'Content-Type': 'text/html',
      'Content-Length': html.length
    });
    res.end(html);
  }).listen(port);
  
  console.log(`Server is running on http://${host}:${port}`);
  
  /*--------------------
    Setting up the logs
  --------------------*/
  let logdirname = &quot;G:/logs/&quot;;
  
  let all_logs = fs.readdirSync(logdirname, function(err, filenames){
      if(err){
          onError(err);
          return;
      }
  });
  
  let i = 0;
  let log_array = []; // create array to add log name into
  let link = &quot;&lt;table&gt;&quot;;
  
  all_logs.forEach((log_) =&gt; {
    log_array[i] = &quot;Log File &quot; + i;
    link += `&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;file:///G:/NodeOctaveService/logs/${(log_)}&quot;&gt;${log_array[i]}&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;\n`;
    i++;
  })
  
  link += &quot;&lt;/tables&gt;&quot;;
  
  /*------------------------
    Setting up the HTML file
  ------------------------*/
  
  function buildHtml(req){
  
    // html header
    var header = `
    &lt;title&gt;Octave Service Links&lt;/title&gt;
  
  &lt;h1&gt; Click the link to the log file you want to open. &lt;/h1&gt;
  
  &lt;style&gt;
        *,
        html{
            margin: 0;
            padding: 0;
            border: 10;
            border-color: blueviolet;
        }
  
        html{
            width: 100%;
            height: 100%;
        }
  
        body{
            width: 100%;
            height: 100%;
            position: relative;
            background-color:lightgoldenrodyellow;
        }
  
        .center{
            width: 100%;
            height: 50%;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color:darkgreen;
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            text-align: center;
        }
  
        h1{
        font-size: 80px;
        color: blueviolet;
        }
        &lt;/style&gt;
        `;
  
        // html file body
    var body = ` ${link} `;
  
    return &quot;&lt;!DOCTYPE html&gt;&quot; + &quot;&lt;html&gt;&lt;head&gt;&quot; + header + &quot;&lt;/head&gt;&lt;body&gt;&quot; + body + &quot;&lt;/body&gt;&lt;/html&gt;&quot;;
  }
  </code></pre>