JSFiddle - React, Tailwind, and code Playground

by andreortigao

HTML

<div id="result">
    
</div>

JavaScript

function makeMessage(){
    var msgArr = ["John Doe"];

    var highRiskmsg = "Your tutor is " + msgArr.join(',') + ". Contact them here";
    
    var span = document.createElement('span');
    span.appendChild(document.createTextNode(highRiskmsg));

    span.appendChild(makeLink());
    
    return span;
}


function makeLink() {
    var contactLink = document.createElement("a");//create <a> tag
    contactLink.setAttribute("id", "linkC");//set id att for <a> tag
    contactLink.setAttribute("href", "http://www.example.com/contact.php");//set id att for <a> tag
    var contactLinkTxt = document.createTextNode("CONTACT FORM");//new text node
    contactLink.appendChild(contactLinkTxt);//append text as child of <a> tag

        return contactLink;
    }

(function(){
    var msg = makeMessage();
    
    document.getElementById("result").appendChild(msg);
})();