JSFiddle - React, Tailwind, and code Playground

HTML

PROJECT
  <input type="radio" name="portal" id="radio1" onclick="changeMe(this);"/> &nbsp; <input type="text" name="textprojectOff" id="text1" value="Project Name" onclick="changeMe(this);"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 


NON-PROJECT<input type="radio" id="radio2" name="portal" onclick="changeMe(this)"/> &nbsp; <input type="text" name="textnonprojectOff" id="text2" value="Department" onclick="changeMe(this);"/>

JavaScript

function changeMe(inField) {
        var fieldId = inField.id;
        var type = fieldId.substring(0, 4);

        if (type == 'text') {
            var name = fieldId.substring(4);
            var radioButton = document.getElementById("radio" + name);
            console.log();
            radioButton.checked = true;
        } else {
            var name = fieldId.substring(5);
            var textField = document.getElementById("text" + name);
            textField.focus();
        }
    }