JSFiddle - React, Tailwind, and code Playground

by lustre

JavaScript

/*document.body.onload = addElement;
function addElement() {*/

var newWrapperDiv = document.createElement("div"); // Create a div element
    newWrapperDiv.setAttribute("id","huxloeFamilyBannerWrapper"); // Give it an ID
    newWrapperDiv.style.width = "100%";
    newWrapperDiv.style.height = "80px";
    newWrapperDiv.style.backgroundColor = "#135a90";
    newWrapperDiv.style.position = "fixed";
    newWrapperDiv.style.bottom = "0";
    newWrapperDiv.style.zIndex = "99999999";
  
  var newInnerDiv = document.createElement("div");
    newInnerDiv.setAttribute("id","huxloeFamilyBanner");
    newInnerDiv.style.width = "300px";
    newInnerDiv.style.height = "80px";
    newInnerDiv.style.backgroundColor = "#cc0000";
    newInnerDiv.style.margin = "0 auto"
    newInnerDiv.style.zIndex = "999999991";
    
  var newImg = document.createElement("img");
  	newImg.setAttribute("id","huxloeLogo");
    newImg.setAttribute("src","http://i.thelocalpeople.co.uk/profile_images/02/random/small/72.jpg");
    newImg.style.float = "right";
   

  newInnerDiv.appendChild(newImg); // add the img into newInnerDiv
  newWrapperDiv.appendChild(newInnerDiv); // add newInnerDiv to newWrapperDiv
  document.body.appendChild(newWrapperDiv); // add newWrapperDiv to the end of body