Estoy tratando de crear una página en htmlin HTML que crea automáticamente un gráfico circular con los datos proporcionados por el formulario de entrada del usuario. Estoy tratando de pasar el impuesto sobre valores, mort, f, transporte y ahorro de collect() a drawChart() para que pueda usar esos valores para crear el gráfico circular, pero parece que no funciona. ¿Alguien sabe por qué?

 function collect() { var tax = +document.getElementById("taxes").value; document.getElementById('tax').innerHTML = tax; var mort = +document.getElementById("mortage").value; document.getElementById('mort').innerHTML = mort; var f = +document.getElementById("food").value; document.getElementById('f').innerHTML = f; var transport = +document.getElementById("transportation").value; document.getElementById('transport').innerHTML = transport; var saving = +document.getElementById("savings").value; document.getElementById('saving').innerHTML = saving; drawChart(tax, mort, f, transport, saving); } function drawChart(val1, val2, val3, val4, val5) { var data = google.visualization.arrayToDataTable([ ['Expense/Income', '$ per Month'], ['Taxes', val1], ['Mortage', val2], ['Food', val3], ['Transportation', val4], ['Savings', val5] ]); var options = { 'title': 'Monthly Budget', 'width': 550, 'height': 400 }; // Display the chart inside the <div> element with id="piechart" var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options); }

 <div class="editTable"> <div class="left">Taxes: </div> <div class="right"><input type="number" name="taxes" id="taxes"></div><br><br> <div class="left">Mortages: </div> <div class="right"><input type="number" name="mortage" id="mortage"></div><br><br> <div class="left">Food: </div> <div class="right"><input type="number" name="food" id="food"></div><br><br> <div class="left">Transportation: </div> <div class="right"><input type="number" name="transportation" id="transportation"></div><br><br> <button onclick="collect();" class="editRowBtn">Update</button><br><br> </div>