JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>TEST</title>
</head>
<body>
<br/>

    <div id="head"><p>(HEADER)</p></div>

<div id="content">
    <p>(CONTENT)</p>
    <form>
      <p>Priority: <input name="prio" type="text" value="285"></p>
      <p>Success: <input name="succ" type="text" value="6"></p>
    </form>
</div>

   
<table border="0" cellspacing="0" width="100%">
    <tbody>
        <tr>
            <td class="user">
            &nbsp;
            <a href="#" class="nav" title="Logout John">Logout</a>
            
            &nbsp;(User: John)
            
            </td>
        </tr>
    </tbody>
</table>        
    
</body>
</html>

CSS

#head{background-color:#999;height:30px;}
#content{background-color:#ccc;padding:40px 0;}
#footer{background-color:#606060 ;height:50px;}

JavaScript

var usersWhoCanSetPriority = ['JOHN', 'LUKE', 'JEFF', 'MAX', 'ANDY'];

var footerNode  = document.getElementById ("footer");
var userName    = footerNode.textContent.replace (
    /^(?:.|\n|\r)+\(User:\s+([^)]+)\)(?:.|\n|\r)+$/i, "$1"
).toUpperCase ();

if (usersWhoCanSetPriority.indexOf (userName) === -1) {
    var oldInput = document.getElementsByName ("prio");
    oldInput[0].setAttribute ("disabled", "disabled");
}