javascript - 将变量从 javascript 输出到 HTML 成本表中

Question

我正在尝试制作一张包含收入和利润的表格。我问收入和利润是多少，所以变量在程序运行时被重新定义。这是 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;

一切都按预期工作，除了表中说收入变量应该是未定义的。

Answer 1

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

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