<p><label>Name:</label>
                <input type="text" name="userName" id="userName" placeholder="e.g John Lewis"/>
                </p>

                <input type="submit" name="submitButton" value="Display" onclick="run()"/>
                <p>Name Provided: <label id="outputUserName"></label></p>


var userName =  document.getElementById("userName").value;
function run() {document.getElementById("outputUserName").innerHTML = userName;}

document.getElementById("outputUserName").innerHTML = document.getElementById("userName").value;