getting the variable's value from another funtion

Question

Is there a way to get the 'username' and 'questionid' variable's value in my send() function like how I did with inputText?

      var username;
      var questionid;

      function renderHTML(data) {
        var htmlString = "";
        var username = data[0].username;
        //var examid = data[1].examid;
        var questionid = data[2].questionid;
        for (var i = 0; i < data.length; i++) {
          htmlString += "<p>" + data[i].questionid + "." + "\n" + "Question: " + data[i].question + "\n" + "<input type='text'>";
          htmlString += '</p>';
        }
        response.insertAdjacentHTML('beforeend', htmlString);
      }

      function send() {
        var inputText = document.querySelectorAll("input[type='text']");
        var data = [];
        for (var index = 0; index < inputText.length; index++) {
          input = inputText[index].value;
          data.push({
            'text': input
          });
        }
        console.log(data);

Answer 1

You do not need var before username and questionid in your renderHTML function, as they have already been defined:

  var username;
  var questionid;

  function renderHTML(data) {
    var htmlString = "";
    username = data[0].username;
    //var examid = data[1].examid;
    questionid = data[2].questionid;
    for (var i = 0; i < data.length; i++) {
      htmlString += "<p>" + data[i].questionid + "." + "\n" + "Question: " + data[i].question + "\n" + "<input type='text'>";
      htmlString += '</p>';
    }
    response.insertAdjacentHTML('beforeend', htmlString);
  }

  function send() {
    var inputText = document.querySelectorAll("input[type='text']");
    var data = [];
    for (var index = 0; index < inputText.length; index++) {
      input = inputText[index].value;
      data.push({
        'text': input
      });
    }
    console.log(data);