JSFiddle - React, Tailwind, and code Playground

by Ehren Dames

HTML

<div id="result">

</div>

JavaScript

function getAbsoluteLink(link) 
 {
    // Prefix any relative links with the current origin
    if (link[0] === '/') {
      return `${window.location.origin}${link}`;
    }

    return link;
 }
 
 var result = document.getElementById('result');
 result.innerText = "hello\n";
 
 result.innerText += `Result 1: ${getAbsoluteLink("")}\n`;
 result.innerText += `Result 1: ${getAbsoluteLink("#anchor")}\n`;
 result.innerText += `Result 2: ${getAbsoluteLink("test/1")}\n`;
 result.innerText += `Result 3: ${getAbsoluteLink("/test/2")}\n`;
 result.innerText += `Result 4: ${getAbsoluteLink("/")}\n`;
 result.innerText += `Result 5: ${getAbsoluteLink("https://www.google.com/search")}\n`;