javascript - 将javascript中的变量输出到HTML费用表中

我试图用收入和利润做一张桌子。我问收入和利润是多少，因此在程序运行时重新定义变量。
这是HTML表格（我省略了HTML页面的其余部分以减少问题中的代码量）

<table border="0" style="width:100%">
      <thead>
       <tr>
         <th>Drink</th>
         <th>Revenue</th>
         <th>Profit</th>
       </tr>
      </thead>
      <tbody>
        <tr>
          <td> <b>Mocha</b> </td>
        </tr>

        <tr>
          <td>
            <p id='grandeMocha'></p>
          </td>
      </tr>


    </table>

这是JavaScript

var revenue;
document.getElementById('grandeMocha').innerHTML = revenue
var userChoice = parseFloat(prompt("what is the revenue?"));
var revenue = userChoice;

一切都按预期工作，除了表中未定义收入变量应位于的位置。

最佳答案

我猜它没有显示的原因是因为您声明变量的顺序。尝试这个

var revenue = parseFloat(prompt("what is the revenue?"));
document.getElementById('grandeMocha').innerHTML = revenue