title: Displaying data from simple html form to display in chartjs
body: <p>I am trying to create a simple form to collect input from the user then display the user data in a bar chart using chartjs.  Below is my current javascript code.  I want the testValue1, testValue2, testValue3 and testValue4 to display as my data.  Any help on what I am missing would be greatly appreciated.</p>
  
  <pre><code>function displayGraph () {
      let testOutput = document.getElementById("welcome");
      let testValue1 = document.getElementById("test1");
      let testValue2 = document.getElementById("test2");
      let testValue3 = document.getElementById("test3");
      let testValue4 = document.getElementById("test4");
  }
  
  let barChart = new Chart(rateOfReturn, {
          type: 'bar',
          data: {
              labels: ["Rate of Return", "Fee #1", "Fee #2", "Fee #3"],
              datasets: [{
                  label: 'Balance by Year',
                  data: [],
                  backgroundColor: [
                          'rgba(255, 99, 132, 0.2)',
                          'rgba(54, 162, 235, 0.2)',
                          'rgba(255, 206, 86, 0.2)',
                          'rgba(75, 192, 192, 0.2)',
                          'rgba(153, 102, 255, 0.2)',
                          'rgba(255, 159, 64, 0.2)'
                  ],
                  borderColor: [
                          'rgba(255,99,132,1)',
                          'rgba(54, 162, 235, 1)',
                          'rgba(255, 206, 86, 1)',
                          'rgba(75, 192, 192, 1)',
                          'rgba(153, 102, 255, 1)',
                          'rgba(255, 159, 64, 1)'
                  ],
                  borderWidth: 1
          }]
      },
  });
  </code></pre>